使用JavaScript连接MetaMask进行区块链交易的全攻略

什么是MetaMask？

如果你对加密货币或区块链感兴趣，那么MetaMask一定不陌生。它是一款非常流行的电子钱包，主要用于管理以太坊及其代币。简单来说，MetaMask就像是你在浏览器上的“钥匙”，它能帮助你与区块链上的各种应用进行互动，可以是去中心化交易所、游戏、NFT市场等等。

为什么要用JavaScript连接MetaMask？

如果你在开发基于区块链的应用，比如去中心化应用（dApp），那么连接MetaMask是一个必须的步骤。当用户想要进行交易、签名操作或查看钱包余额时，JavaScript与MetaMask的结合使这些操作成为可能。它能让你的网页与区块链无缝对接，让用户有更好的体验。

准备工作：安装MetaMask

在开始之前，你需要确保自己已经安装了MetaMask扩展。可以从Chrome商店或者其他可靠的下载渠道获取。安装完后，创建一个新的钱包或导入一个已有的钱包。放心，设置过程挺简单的，照着步骤来就行。

连接MetaMask

好了，准备进入代码部分了。首先要用JavaScript连接MetaMask。下面是一个简单的代码示例：

if (typeof window.ethereum !== 'undefined') {
    console.log('MetaMask is installed!');
    // 请求用户连接钱包
    window.ethereum.request({ method: 'eth_requestAccounts' })
    .then(accounts => {
        console.log('Connected: ', accounts[0]);
    })
    .catch(error => {
        console.error('Error connecting: ', error);
    });
} else {
    console.error('Please install MetaMask!');
}

这段代码的逻辑其实很简单，就是判断用户的浏览器有没有安装MetaMask。如果有，就请求用户连接他们的钱包账户。如果成功，控制台会输出用户的第一个账户地址。

发送交易

连接MetaMask后，下一步就是发送交易了。发送以太坊的过程也很简单，主要是构造好交易数据，然后通过MetaMask进行签名和发送。这里有个基本的示例：

const transactionParameters = {
    to: '0xrecipientAddress', // 目标地址
    from: window.ethereum.selectedAddress, // 发送者地址
    value: '0x29a2241af62c0000', // 发送的以太币数量（以wei为单位, 0.1 ETH = 0x29a2241af62c0000)
};

window.ethereum.request({
    method: 'eth_sendTransaction',
    params: [transactionParameters],
})
.then((txHash) => {
    console.log('Transaction Hash:', txHash);
})
.catch((error) => {
    console.error('Transaction Error:', error);
});

在这个代码片段里，你需要替换 `to` 里目标地址和 `value` 的实际发送金额。要注意的是，金额单位是wei，1 ETH = 10^18 wei。

处理交易的响应

成功发起交易后，MetaMask会返回一个交易哈希（txHash）。这时你可以用这个哈希值在区块链浏览器比如Etherscan上查询交易状态，看看你的钱是不是安全到达了目的地。

检测交易状态

在很多情况下，我们只发送交易后就希望知道交易是否成功。这时你可以再写一段代码来监控交易状态：

const checkTransactionStatus = async (txHash) => {
    const receipt = await window.ethereum.request({
        method: 'eth_getTransactionReceipt',
        params: [txHash],
    });
    if (receipt