要在 JavaScript 中调用 MetaMask，我们通常需要与以

发布时间：2025-07-26 15:02:23

$要在 JavaScript 中调用 MetaMask，我们通常需要与以太坊区块链进行交互。下面是如何在网页应用中使用 JavaScript 调用 MetaMask 的基本步骤和示例代码。 ### 1. 检查 MetaMask 是否安装在开始之前，我们需要确认用户是否已经安装了 MetaMask 扩展。如果没有安装，需要提示用户安装。 ```javascript if (typeof window.ethereum === 'undefined') { alert('请安装 MetaMask!'); } ``` ### 2. 请求用户连接钱包首先，需要请求用户与您的 DApp（去中心化应用）连接。你可以使用 `ethereum.request` 方法来请求连接。 ```javascript async function connectWallet() { try { const accounts = await window.ethereum.request({ method: 'eth_requestAccounts' }); console.log('连接成功，账户:', accounts[0]); } catch (error) { console.error('连接钱包失败:', error); } } ``` ### 3. 获取以太坊账户余额一旦用户连接了他们的钱包，你可以获取他们的以太坊账户余额。我们可以使用 `web3` 或 `ethers` 库来简化与以太坊的交互。 ```javascript async function getAccountBalance(account) { const balance = await window.ethereum.request({ method: 'eth_getBalance', params: [account, 'latest'], }); // 将余额转换为以太币单位（ether） const balanceInEth = window.ethereum.utils.fromWei(balance, 'ether'); console.log('账户余额:', balanceInEth); } ``` ### 4. 发送交易用户可以通过 MetaMask 发送以太币交易。以下是一个发送交易的简单示例： ```javascript async function sendTransaction() { const transactionParameters = { to: '0xRecipientAddress', // 替换为接收方的地址 from: window.ethereum.selectedAddress, // 客户端的地址 value: '0x' (0.01 * 1e18).toString(16), // 送出 0.01 ETH }; try { const txHash = await window.ethereum.request({ method: 'eth_sendTransaction', params: [transactionParameters], }); console.log('交易哈希:', txHash); } catch (error) { console.error('交易失败:', error); } } ``` ### 5. 监听账户和网络变化当用户切换账户或更改网络时，您需要处理这些变化。可以通过 `window.ethereum.on` 方法进行监听。 ```javascript window.ethereum.on('accountsChanged', (accounts) = { console.log('账户切换:', accounts[0]); }); window.ethereum.on('networkChanged', (networkId) = { console.log('网络切换:', networkId); }); ``` ### 完整代码示例 html lang=$ $要在 JavaScript 中调用 MetaMask，我们通常需要与以太坊区块链进行交互。下面是如何在网页应用中使用 JavaScript 调用 MetaMask 的基本步骤和示例代码。 ### 1. 检查 MetaMask 是否安装在开始之前，我们需要确认用户是否已经安装了 MetaMask 扩展。如果没有安装，需要提示用户安装。 ```javascript if (typeof window.ethereum === 'undefined') { alert('请安装 MetaMask!'); } ``` ### 2. 请求用户连接钱包首先，需要请求用户与您的 DApp（去中心化应用）连接。你可以使用 `ethereum.request` 方法来请求连接。 ```javascript async function connectWallet() { try { const accounts = await window.ethereum.request({ method: 'eth_requestAccounts' }); console.log('连接成功，账户:', accounts[0]); } catch (error) { console.error('连接钱包失败:', error); } } ``` ### 3. 获取以太坊账户余额一旦用户连接了他们的钱包，你可以获取他们的以太坊账户余额。我们可以使用 `web3` 或 `ethers` 库来简化与以太坊的交互。 ```javascript async function getAccountBalance(account) { const balance = await window.ethereum.request({ method: 'eth_getBalance', params: [account, 'latest'], }); // 将余额转换为以太币单位（ether） const balanceInEth = window.ethereum.utils.fromWei(balance, 'ether'); console.log('账户余额:', balanceInEth); } ``` ### 4. 发送交易用户可以通过 MetaMask 发送以太币交易。以下是一个发送交易的简单示例： ```javascript async function sendTransaction() { const transactionParameters = { to: '0xRecipientAddress', // 替换为接收方的地址 from: window.ethereum.selectedAddress, // 客户端的地址 value: '0x' (0.01 * 1e18).toString(16), // 送出 0.01 ETH }; try { const txHash = await window.ethereum.request({ method: 'eth_sendTransaction', params: [transactionParameters], }); console.log('交易哈希:', txHash); } catch (error) { console.error('交易失败:', error); } } ``` ### 5. 监听账户和网络变化当用户切换账户或更改网络时，您需要处理这些变化。可以通过 `window.ethereum.on` 方法进行监听。 ```javascript window.ethereum.on('accountsChanged', (accounts) = { console.log('账户切换:', accounts[0]); }); window.ethereum.on('networkChanged', (networkId) = { console.log('网络切换:', networkId); }); ``` ### 完整代码示例 html lang=$

tpwallet

TokenPocket是全球最大的数字货币钱包，支持包括BTC, ETH, BSC, TRON, Aptos, Polygon, Solana, OKExChain, Polkadot, Kusama, EOS等在内的所有主流公链及Layer 2，已为全球近千万用户提供可信赖的数字货币资产管理服务，也是当前DeFi用户必备的工具钱包。