教程 | 手把手教你构建以太坊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

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

水星链

[0:0ms0-1:94ms