BIT:教程：通过 Subspace 和 Infura 实现实时前端数据

在关于前端开发的上一篇文章中，我们最后提供了一个网站。用户可通过MetaMask连接该网站，它将显示用户的以太币账户余额。但是，有许多以太坊用例涉及到ERC20令牌的发送和接收，其跟踪方式与原生以太币不同。在本指南中，我们将介绍如何跟踪已部署合约的交易，以及当它们在每个新确认的区块中进行更新时，如何在前端显示和更新这些数字。我们以跟踪Uniswap上的Dai<>Eth交易为例来进行说明。

Uniswap

为此，我们将使用来自StatusEmbark团队的一个库，名为Subspace。我们首选使用ReactHooks跟踪实时数据。因此，我们将通过在这里找到的Embark示例代码，使用以太坊数据流设置前端。总的来说，该前端使用了Infura、React和Subspace。

Camelot推出针对ARB流动性的100万美元激励计划:3月23日消息，Arbitrum生态DEX Camelot推出针对ARB流动性的100万美元流动性激励计划，激励将以xGRAIL和GRAIL形式出现，持续三个月包括farms和Nitropools。其中ARB/ETH和ARB/GRAIL流动性池将于ARB发布后上线。[2023/3/23 13:21:23]

本教程是一个单独的网站，与上一个前端教程相互独立。我们将检查代码的重要部分，而非全部代码，因此建议复制示例库，然后运行根目录中的npminstall和npmstart，网站将进入localhost:3000。从这里可以看到，使用Hooks和useEffect()添加更多数据跟踪非常轻松。我们只需要检查3个重要文件。首先检查hide/index

BitGo正式起诉Galaxy Digital退出收购协议，并索赔1亿美元赔偿:9月13日消息，BitGo宣布，昨天已对Galaxy Digital提起诉讼，要求赔偿超过1亿美元的损失，原因是Galaxy的不当否认和故意违反与BitGo的合并协议。

BitGo聘请的律师事务所Quinn Emanuel的合伙人R.Brian Timmons表示，尽管BitGo不认为该诉讼包含任何机密信息，但它已在盖章的情况下提交给法院。

Galaxy则持相反观点，并希望在诉讼公开之前对部分指控进行修订。根据法院的规则，即使某些信息被编辑，公众也应在美国东部时间周四下午5点后不久可以访问诉讼。

此外8月16日消息，加密货币托管商BitGo周一宣布，计划起诉Galaxy Digital并退出12亿美元的收购协议。BitGo表示，将向Galaxy索赔1亿美元，而Galaxy Digital表示，拒绝支付此前所承诺的终止费。[2022/9/13 13:26:58]

下面3个代码区块是去中心化应用中非常重要的Hooks，为我们提供我们需要的实时流。我们将对它进行设置，使我们能够查看最新挖出的50个区块，并显示在这些区块中发生的最近5次Eth->Dai交易。随着不断有新的区块挖出和交易发生，这些信息将持续更新。

CoinGecko为100种主流Token推出Token经济学板块:8月18日消息，CoinGecko新增查看Token经济功能，为加密研究者提供关于Token分配、供应时间表、解锁机制等信息，目前已支持100个主流项目。[2022/8/18 12:33:19]

useEffect(()=>{web3

txnObserver

);return()=>{txnObserver

},);

从我们在第一个Hook中创建的last5Observable，我们获得了它们的交易详情，如下：

useEffect(()=>{if(last5Observable===undefined){return;}last5Observable

);return()=>{last5Observable

},);

最后，我们有一些ReactUI代码，然后就能看到前端！这是gif图。它刚开始不久，目前有3次交易。在开发者控制台中，我们可以看到每个交易的更多交易详情。随着新的交易涌入，较早的交易将被挤出堆栈。

希望这些内容清晰地解释了什么是Subspace库。它让去中心化应用前端开发变得非常简单轻松，尤其是使用Infura处理web3数据非常实用！复制这里的样板库并使用Subspace。如果您对此有任何问题，请在这里与我们讨论。有关更多教程，请访问我们的社区中的教程部分。

本文来源于非小号媒体平台：

登链社区

现已在非小号资讯平台发布105篇作品，

非小号开放平台欢迎币圈作者入驻

入驻指南：

/apply_guide/

本文网址：

/news/9558536.html

免责声明：

1.资讯内容不构成投资建议，投资者应独立决策并自行承担风险

2.本文版权归属原作所有，仅代表作者本人观点，不代表非小号的观点或立场

上一篇：

币安为何推出第三条链？这对BNB意味着什么？

标签：BITGALAGALALAXbitmart交易所官网下载网址MEGALANDgal币是公链吗Bitcoin Galaxy

Gate.io热门资讯