如何使用JavaScript或Solidity在前端展示加密通证和法币价格

原文链接：https://blog.chain.link/how-to-display-crypto-and-fiat-prices-on-a-frontend/

Web3开发者经常选择在前端显示平台或协议的原生加密通证，而不是显示与法币的转换结果。虽然这样做容易让用户聚焦原生通证，但显示法币转换结果可能是一个更好的选择。为加密通证定价要求对通证当前价值有了解，而通证的价值往往是波动的，而且还为新用户创造了一个不太受欢迎的体验，许多人对参考美元或他们的本地货币感到更舒服。

幸运的是，通过Chainlink Data Feeds，ETH和美元等货币之间的转换非常简单，这意味着开发者只需几个简单的步骤就能为用户提供更好的体验。本技术教程阐述了如何使用ETH/USD Chainlink Price Feed在前端显示加密通证和法币价格。

什么是Chainlink Data Feeds？

Chainlink Data Feeds是一套提供安全和可靠的真实世界数据源的智能合约。它们由独立的、高信誉的和地理上分布的节点运营商提供支持，这有助于确保返回数据的可靠性。例如，ETH/USD，目前利用31个独立的预言机，或者说信息来源，用于确定当前ETH对美元的价格的可信答案。

为什么我们需要31个信息源来获取相同的信息？使用多个来源来汇总一个有效的响应，意味着不可能有单点故障问题，并防止数据被篡改。

关于提供者（Provider）的说明

当与智能合约互动时，必须有一个Web3连接的提供者。通常，这可以通过用户的钱包连接获得。如果没有，或者你不需要连接用户的钱包，你可以通过以下方式完成同样的功能：

const provider = new ethers.providers.JsonRpcProvider('RPC_URL_HERE');

RPC_URL_HERE可以从一个节点提供商那里获得，如Alchemy, Infura, Moralis或QuickNode。提供者（provider）是我们通往区块链的 “网关”。

本教程的另一个要求是一个以太坊JavaScript库。在这个例子中，我使用的是ethers库。你需要安装它，才能让本文案例工作。

npm install --save ethers

使用JavaScript部署ETH/USD转换

现在是需要在前端显示ETH/USD价格的代码。

如果你想跟着做，这个例子的代码可以在