Web3.jsとMetaMaskを使用してウォレットを接続する方法

Web3.jsとMetaMaskを使用してウォレットを接続する方法について説明します。以下に、シンプルで簡単な手順とコード例を示します。

1. MetaMaskのインストールと設定:

   • ブラウザの拡張機能ストアからMetaMaskをダウンロードしてインストールします。
   • ウォレットが作成されたら、MetaMaskのアカウントに接続します。

2. Web3.jsのセットアップ:

   • Web3.jsをプロジェクトに追加します。以下のコマンドを使用して、npmパッケージとしてインストールします。

     npm install web3

3. MetaMaskとWeb3.jsを接続するコード:

   • JavaScriptファイルに以下のコードを追加します。

     const Web3 = require('web3');
     const web3 = new Web3(window.ethereum);
     // MetaMaskの接続状態を確認します
     async function checkConnection() {
     try {
      await window.ethereum.enable();
      console.log('MetaMaskに接続しました');
     } catch (error) {
      console.log('MetaMaskへの接続に失敗しました', error);
     }
     }
     checkConnection();

4. ウォレットの情報を取得するコード:

   • ウォレットのアドレスや残高などの情報を取得するには、以下のコードを使用します。

     async function getWalletInfo() {
     const accounts = await web3.eth.getAccounts();
     const address = accounts[0];
     console.log('ウォレットのアドレス:', address);
     const balance = await web3.eth.getBalance(address);
     console.log('ウォレットの残高:', web3.utils.fromWei(balance, 'ether'));
     }
     getWalletInfo();

これで、Web3.jsとMetaMaskを使用してウォレットを接続し、ウォレットの情報を取得することができます。以上の手順とコード例を使用して、ウォレット接続の基本を理解しましょう。