Infura và Metamask
Tự học lập trình Web3: Sử dụng Web3 Providers: Infura và Metamask trong khoá tự học Solidity
Bây giờ chúng ta đã có Web3.js trong dự án của mình, hãy khởi tạo nó và nói chuyện với blockchain. Nhưng để nói chuyện với blockchain thì điều đầu tiên chúng ta cần là một Nhà cung cấp Web3 (Web3 Provider)
Hãy nhớ rằng, Ethereum được tạo thành từ các nút mà tất cả các nút đó đều giống hệt nhau cùng một dữ liệu. Việc khai báo Web3 Provider trong Web3.js giúp cho code của chúng ta biết nút nào mà chúng ta sẽ nói chuyện để xử lý các lần đọc và ghi lên bloackchain ETH. Nó cũng giống như khai báo URL của máy chủ web từ xa cho các lệnh gọi API của bạn (trong một ứng dụng web truyền thống).
Bạn cũng có thể lưu trữ nút Ethereum của riêng mình với tư cách là nhà cung cấp. Tuy nhiên, có một dịch vụ của bên thứ ba giúp công việc của bạn dễ dàng hơn, vì vậy bạn không cần phải duy trì nút Ethereum của riêng mình để cung cấp DApp cho người dùng của bạn.
Infura
Infura là một dịch vụ cung cấp thông tin các nút Ethereum với lớp bộ nhớ đệm để đọc dữ liệu rất nhanh, bạn có thể truy cập miễn phí thông qua API của nó. Sử dụng Infura làm nhà cung cấp web3, bạn có thể gửi và nhận tin nhắn đến và đi từ chuỗi khối Ethereum một cách đáng tin cậy mà không cần thiết lập và duy trì nút Ethereum của riêng bạn.
Bạn có thể thiết lập Web3 để sử dụng Infura làm nhà cung cấp web3 của mình như sau:
var web3 = new Web3(new Web3.providers.WebsocketProvider("wss://mainnet.infura.io/ws"));
Tuy nhiên, vì DApp của chúng ta sẽ được nhiều người dùng sử dụng - và những người dùng này có GHI dữ liệu vào blockchain chứ không chỉ ĐỌC từ nó - chúng tôi sẽ cần một cách để những người dùng này ký giao dịch bằng khóa cá nhân của họ. (Kí bằng private key trong ví ETH của user)
Lưu ý: Ethereum (và các blockchain nói chung) sử dụng cặp khóa công khai / riêng tư để ký điện tử các giao dịch. Hãy coi nó giống như một mật khẩu cực kỳ an toàn cho chữ ký điện tử. Bằng cách đó nếu tôi thay đổi một số dữ liệu trên blockchain, tôi có thể chứng minh thông qua khóa công khai của mình rằng tôi là người đã ký nó - nhưng vì không ai biết khóa riêng của tôi nên không ai có thể giả mạo giao dịch cho tôi.
Mật mã rất phức tạp, vì vậy trừ khi bạn là một chuyên gia bảo mật và bạn thực sự biết mình đang làm gì, có lẽ không phải là ý kiến hay nếu bạn cố gắng tự quản lý khóa riêng của người dùng trong giao diện người dùng của ứng dụng của chúng tôi.
Nhưng may mắn là bạn không cần phải làm vậy - đã có các dịch vụ xử lý việc này cho bạn. Phổ biến nhất trong số này là Metamask.
Metamask
Metamask là một tiện ích mở rộng trình duyệt dành cho Chrome và Firefox cho phép người dùng quản lý an toàn tài khoản Ethereum và khóa cá nhân của họ, đồng thời sử dụng các tài khoản này để tương tác với các trang web đang sử dụng Web3.js. (Nếu bạn chưa sử dụng nó trước đây, chắc chắn bạn sẽ muốn cài đặt nó - khi đó trình duyệt của bạn đã được kích hoạt Web3 và bây giờ bạn có thể tương tác với bất kỳ trang web nào giao tiếp với chuỗi khối Ethereum!).
Và là một nhà phát triển, nếu bạn muốn người dùng tương tác với DApp của mình thông qua một trang web trong trình duyệt web của họ (giống như chúng tôi đang làm với trò chơi ThayMa_TuHocSolidity của chúng tôi), bạn chắc chắn sẽ muốn làm cho nó tương thích với Metamask.
Lưu ý: Metamask sử dụng máy chủ của Infura dưới dạng nhà cung cấp web3, giống như chúng tôi đã làm ở trên - nhưng nó cũng cung cấp cho người dùng tùy chọn để chọn nhà cung cấp web3 của riêng họ. Vì vậy, bằng cách sử dụng nhà cung cấp web3 của Metamask, bạn đang cho người dùng lựa chọn và đó là một điều bạn ít phải lo lắng hơn trong ứng dụng của mình.
Sử dụng web3 provider của Metamask
Metamask đưa nhà cung cấp web3 của họ vào trình duyệt trong web3 (the global JavaScript object web3). Vì vậy, ứng dụng của bạn có thể kiểm tra xem liệu web3 có tồn tại hay không và liệu nó có sử dụng web3.currentProvider làm nhà cung cấp hay không.
Dưới đây là một số code mẫu do Metamask cung cấp để làm cách nào chúng tôi có thể phát hiện để xem liệu người dùng đã cài đặt Metamask hay chưa và nếu không cho họ biết họ sẽ cần cài đặt nó để sử dụng ứng dụng của mình:
window.addEventListener('load', function() {
// Checking if Web3 has been injected by the browser (Mist/MetaMask)
if (typeof web3 !== 'undefined') {
// Use Mist/MetaMask's provider
web3js = new Web3(web3.currentProvider);
} else {
// Handle the case where the user doesn't have web3. Probably
// show them a message telling them to install Metamask in
// order to use our app.
}
// Now you can start your app & access web3js freely:
startApp()
})
BÀI TIẾP THEO: BÀI SỐ 45
HỌC TỪ ĐẦU: BÀI SỐ 1