教程 | 手把手教你构建以太坊gas跟踪器_GAS:LOC

);});return()=>{web3

},)return(EIP-1559GasTracker{!blockHistory&&Dataisloading...}{avgGas&&avgBlockVolume&&{avgGas}Gwei|{avgBlockVolume}%Volume}{blockHistory&&{blockHistory

exportdefaultApp;

因为这不是一门React课程，所以我们不打算深入研究React特有的部分。但是你应该能够观察到，我们所做的只是像我们在脚本中所做的那样检索费用历史记录并以HTML表格的形式输出它。

我们使用的唯一附加逻辑是计算20个区块的平均gas价格和平均区块体积，这是一项微不足道的任务。

(可选)步骤3：添加一些样式

你可以在App

table{border-collapse:collapse;margin:20pxauto;box-shadow:08px16px0rgba(0,0,0,0

thead{background:linear-gradient(267

th{font-size:18px;padding:15px;}tbody>tr{border-top:1pxsolid#ccc;border-bottom:1pxsolid#ccc;margin:0px;padding:15px;}td{padding:6px;}

.vol{color:#4C51BF;

步骤4：将应用程序部署到localhost

我们都完成了。通过运行查看你的应用程序:

npmstart

这是应用程序应该看起来的样子：

恭喜你!你做了一个功能齐全的gas追踪应用。

分析

让我们回过头来分析一下上面的数据。以下是我们可以观察到的EIP-1559实现的直接结果。

基本费用不会在每个区块之间波动很大。事实上，它最大的增减幅度是12.5%。在大多数情况下，优先费只占总费用的一小部分。区块体积倾向于波动，但平均区块体积徘徊在50%左右。数据似乎表明，在这个模型中，gas费用的可预测性要高得多。由于每个人都要支付相同的基本费用和优先费用，在大多数情况下，优先费用只占总费用的一小部分，所以大多数交易最终不会为gas支付过高的费用。因此，这个样本数据表明，EIP-1559已经成功实现了它的目标；更可预测的gas价格，更少的gas超额支付。

结论

在本文中，我们已经讨论了很多内容。通过从头构建EIP-1559的gas跟踪器，我希望大家能够理解并欣赏它给以太坊交易带来的改进。

我还希望大家已经很好地掌握了如何使用Alchemy、它的API和web3.js库。关于它的功能和提供的产品，我们仅仅触及了表面。我强烈建议，当你开始构建下一个伟大的dapp时，你应该深入挖掘他们的文档。

Source：https://medium.com/scrappy-squirrels/building-an-ethereum-gas-tracker-e7cd6fd5b691

郑重声明： 本文版权归原作者所有， 转载文章仅为传播更多信息之目的， 如作者信息标记有误， 请第一时间联系我们修改或删除， 多谢。