前言
如果你是一名前端开发者，那么你一定不会陌生于 npm，npm 是一个非常强大的包管理工具，它为我们的前端开发提供了很多便利。
在这篇文章中，我们将使用 npm 包 ethers-providers 探讨如何在前端开发中使用以太坊（Ethereum）的各种数据提供者（providers），从而更好地理解以太坊和智能合约。
什么是 ethers-providers
ethers-providers 是一个提供以太坊各种数据提供者的 npm 包，它可以让你轻松地访问以太坊的数据，如：区块链数据、交易数据、账户数据等。
ethers-providers 支持以太坊的主链以及所有的测试链，而且它可以与 ethers.js、web3.js 以及其他以太坊开发工具协同工作。
如何使用 ethers-providers
首先我们需要安装 ethers-providers，可以使用以下命令：
npm install ethers-providers
安装完成后，我们需要引入 ethers.js，这是使用以太坊的一个非常重要的 npm 包。
const ethers = require('ethers');接下来，我们可以初始化一个 ethers.provider，代码如下：
const provider = new ethers.providers.JsonRpcProvider('YOUR_PROVIDER_URL');在这里，您需要将 YOUR_PROVIDER_URL 替换为您使用的以太坊网络的 RPC URL。
例如，如果您使用的是以太坊主网，您可以使用以下代码：
const provider = new ethers.providers.JsonRpcProvider('https://mainnet.infura.io/v3/YOUR_PROJECT_ID');在这里，您需要将 YOUR_PROJECT_ID 替换为您的 Infura Project ID。
现在，我们已经初始化了一个以太坊的数据提供者，接下来我们可以使用它来获取以太坊的各种数据。
获取区块链数据
获取最新的区块
provider.getBlock('latest').then((block) => {
console.log(block);
});获取区块高度为 0 的区块
provider.getBlock(0).then((block) => {
console.log(block);
});获取区块高度为 100 的区块
provider.getBlock(100).then((block) => {
console.log(block);
});获取最新的区块高度
provider.getBlockNumber().then((blockNumber) => {
console.log(blockNumber);
});获取交易数据
获取最新的交易
provider.getTransaction('latest').then((tx) => {
console.log(tx);
});获取指定 hash 的交易
provider.getTransaction('tx_hash').then((tx) => {
console.log(tx);
});获取最新的未确认交易（只适用于以太坊主网）
provider.getPendingTransactions().then((txs) => {
console.log(txs);
});获取账户数据
获取指定地址的以太币余额
provider.getBalance('0x0123456789abcdef0123456789abcdef0123456').then((balance) => {
console.log(balance);
});获取指定地址的交易数
provider.getTransactionCount('0x0123456789abcdef0123456789abcdef0123456').then((count) => {
console.log(count);
});总结
本篇文章介绍了如何使用 npm 包 ethers-providers，通过 ethers-providers 可以轻松地获取以太坊的数据，如：区块链数据、交易数据、账户数据等。
同时我们也学习了如何初始化一个 ethers.provider，并使用它来获取以太坊的各种数据。
通过学习本篇文章，我们可以更好地理解以太坊和智能合约，并且可以更加方便地在前端开发中使用以太坊。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f522b178250f93ef89003dd