web3.jsを使って、利用しているMetaMaskのアカウントのアドレスを取得します。
下記ファイルはサーバー上で動きます。 ブラウザのセキュリティ上、file://の環境下では動きませんので注意して下さい。
Chromeブラウザを開きMetaMaskにログインした状態で開くと、現在選択しているアカウントのアドレスと、そのETHの金額が表示されます。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 |
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="https://cdn.jsdelivr.net/gh/ethereum/web3.js/dist/web3.min.js"></script> <script> window.addEventListener('load', function () { if (typeof web3 !== 'undefined') { console.log('Web3：' + web3.currentProvider.constructor.name); startApp(); }else{ console.log('MetaMaskをインストールして下さい'); } }) function startApp(){ web3 = new Web3(web3.currentProvider); web3.eth.getAccounts(function(error, accounts) { if (error) return; let user_account = accounts[0]; if(typeof user_account !== 'undefined'){ console.log(user_account); getBalance(user_account); }else{ console.log("ログインして下さい"); } }); } //アドレスのETH量を取得 function getBalance(_address){ web3.eth.getBalance(_address, (error, balance) => { if (error) return; console.log(JSON.stringify(balance, null, 2)); }); } </script> </head> <body> </body> </html> |
19行目
MetaMaskを利用する場合、非同期による処理が必要でcallbackを記述しています。
参照ページ
