Tự học lập trình Web3: Metamask & Accounts Lấy tài khoản của người dùng trong MetaMask. Khoá học Solidity
Metamask & Accounts
Tự học lập trình Web3: Metamask & Accounts Lấy tài khoản của người dùng trong MetaMask. Khoá học Solidity
Xin chúc mừng, đến bài học thứ 47 này thì bạn đã viết thành công giao diện người dùng để tương tác với hợp đồng thông minh viết bằng Solidity đầu tiên của mình.
Bây giờ chúng ta hãy lắp ghép các dữ liệu lại với nhau - giả sử chúng ta muốn trang chủ của ứng dụng của mình hiển thị toàn bộ đội quân thây ma của người dùng đó.
Rõ ràng trước tiên chúng ta cần sử dụng hàm getZombiesByOwner(owner) để tra cứu tất cả ID của các thây ma mà người dùng hiện tại sở hữu.
Nhưng hợp đồng Solidity của chúng ta đang đợi đầu vào chủ sở hữu là một địa chỉ ETH để truyền vào Solidity. Làm cách nào chúng ta có thể lấy được địa chỉ ví của người dùng đang sử dụng dApp của chúng ta?
Lấy tài khoản của người dùng trong MetaMask
MetaMask cho phép người dùng quản lý nhiều tài khoản trong tiện ích mở rộng của họ.
Chúng ta có thể xem tài khoản nào hiện đang hoạt động trên biến web3 được đưa vào thông qua:
var userAccount = web3.eth.accounts[0]
Vì người dùng có thể chuyển đổi tài khoản đang hoạt động bất kỳ lúc nào trong MetaMask, nên ứng dụng của chúng tôi cần theo dõi biến này để xem liệu nó có thay đổi hay không và cập nhật giao diện người dùng cho phù hợp. Ví dụ: nếu trang chủ của người dùng hiển thị đội quân zombie của họ, khi họ thay đổi tài khoản của mình trong MetaMask, chúng tôi sẽ muốn cập nhật trang để hiển thị đội quân zombie cho tài khoản mới mà họ đã chọn.
Chúng ta có thể làm điều đó với vòng lặp setInterval như sau:
var accountInterval = setInterval(function() {
// Check if account has changed
if (web3.eth.accounts[0] !== userAccount) {
userAccount = web3.eth.accounts[0];
// Call some function to update the UI with the new account
updateInterface();
}
}, 100);
Chúng ta sẽ kiểm tra liên tục, cứ sau 100 mili giây để xem liệu userAccount có còn bằng web3.eth.accounts [0] hay không (tức là người dùng vẫn có tài khoản đó hoạt động). Nếu không, nó sẽ gán lại userAccount cho tài khoản hiện đang hoạt động và gọi một hàm để cập nhật màn hình.
BÀI TIẾP THEO: BÀI SỐ 48
HỌC TỪ ĐẦU: BÀI SỐ 1