引子：我和区块链的缘分

说起区块链，大家可能会想起什么比特币、以太坊之类的数字货币。这也是我第一次接触区块链的契机。那时候我只是个好奇的一般路人，但随着深入了解，我发现这个技术背后有着更精彩的故事，它不仅仅能用来交易数字货币，还能构建去中心化的应用（DApp）。

我的好朋友小李跟我聊起Web3.js和MetaMask时，我一开始也是一头雾水，但他的热情感染了我，让我决定一探究竟。今天，就想把我这一段学习的经历和大家分享，希望能为你们搭建DApp路上的小桥梁。

什么是Web3.js和MetaMask?

要理解Web3.js和MetaMask，先得知道它们各自的角色。MetaMask其实是一个浏览器扩展，也可以理解成数位钱包。它允许用户管理以太坊地址，轻松与区块链互动。也就是说，你可以通过MetaMask来发送交易、接收以太坊或者访问基于以太坊的DApp。

而Web3.js，是一个JavaScript库，提供了一种与以太坊区块链交互的方式。使用这个库，你可以构建DApp，使用你自己的代码和MetaMask进行无缝对接。简言之，MetaMask是你的钥匙，Web3.js则是你打开大门的工具。

准备上路：安装MetaMask

想要开始使用吗？首先你需要有MetaMask。可以去浏览器的扩展商店找到它，然后点击安装。安装之后会要求你设置一个密码，并生成一个助记词。这些其实就是你数字资产的安全钥匙，所以一定要好好保管，决不能泄露。我朋友小李就曾丢失过一个钱包，损失惨重，提醒大家一定要重视这点。

安装好MetaMask后，建议你先浏览一下系统的设置，因为里面有一些安全设置，比如导入助记词、备份等功能，一定得了解一下，免得到时候慌了神。

Web3.js的安装与设置

接下来，安装Web3.js。如果你有Node.js的基础，使用npm安装非常简单。在你的项目里执行这条命令：

npm install web3

这时候，你的项目里就会多出一个web3的包。接下来，就可以在你的JavaScript文件里引入这个库啦：

const Web3 = require('web3');

通过这句代码，你就把Web3.js引入项目中，可以开始使用它来与区块链进行通信。

与MetaMask的连接

接下来，就是关键的一步。我们要把Web3.js和MetaMask连接起来，通常做法是检查用户的浏览器环境，看是否安装了MetaMask，如果安装，则请求连接。你可以用下面的代码：

if (typeof window.ethereum !== 'undefined') {
    const web3 = new Web3(window.ethereum);
    await window.ethereum.request({ method: 'eth_requestAccounts' });
} else {
    alert('请安装MetaMask');
}

这段代码的意思就是，如果浏览器里找到MetaMask，就新建一个Web3的实例，然后请求用户的以太坊账户。如果没有找到，就提示用户安装MetaMask。这一步很关键，很多初学者在这里就卡住了，要记得多调试哦！

简单的DApp示例

好了，接下来开始写一个简单的DApp吧！我们来创建一个可以显示以太坊账户余额的应用。首先，你得有个合约地址，其实我这里可以用eth的地址随便找一个。

在你的JavaScript文件里增加如下代码：

const displayBalance = async () => {
    const accounts = await web3.eth.getAccounts();
    const balance = await web3.eth.getBalance(accounts[0]);
    console.log(web3.utils.fromWei(balance, 'ether')   ' ETH');
};

displayBalance();

这段代码是先获取用户的账户，再通过这个账户来获取余额。然后把余额转换成以太坊（ETH）单位显示。这时候，如果你成功连接了MetaMask，你应该能在控制台看到你的以太坊余额！我当时看到这一幕，简直高兴得像个孩子，居然能用代码和区块链互动，真是太炫酷了！

错误排查

如果这时候出现错误，不要着急。很多时候错误源于权限问题，比如没有授权你的DApp访问你的账户。你可以在MetaMask里手动授权，看看问题是不是出在哪里。

还有一点，网络设置。MetaMask有时默认连接到以太坊主网，如果你在测试网或者私有链上进行开发，就需要手动更改网络。

进一步探索

当你可以显示余额之后，接下来的路就宽了。可以尝试重构这个DApp，增加更多的功能，比如发送交易、调用合约、甚至自定义合约的开发。只要你有创意，都可以实现。不知道你们有没有发现，整个过程中，所需的勇气和坚持大于技术。慢慢来，没关系！

比如我尝试写合约的时候就刚开始一头雾水，网上有很多教程，但总是找不到适合我风格的。这时候可以考虑加入一些社区，和志同道合的人一起交流，这会让学习变得更轻松。

结束语：不畏失败

最后，我想说，学习编程或者做DApp的过程就像爬山，不可能一口气爬到顶。总会有绊脚石，但不怕跌倒，重要的是下次站起来，就能继续前进。同样的，不要害怕失败，这都是成长的一部分！希望我的分享能给你一些启发，快去尝试Web3.js和MetaMask吧！