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

作者：

时间：

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

Uniswap

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

NFT视频初创公司Glass Protocol将停止开发:金色财经报道，NFT视频初创公司Glass Protocol联合创始人Sam Sends和Varun Iyer在 X平台（前推特）上发帖称，在确定数字可交易视频NFT的需求太低而无法继续后，他们将“终止积极开发”Glass Protocol。

Iyer表示：“视频NFT市场无法再维持Glass的发展，不幸的是，我们得出的结论是，视频NFT的需求不可持续。”

Glass去年9月从TCG Crypto和1kx等投资者那里筹集了500万美元。目前还不清楚该协议的资本是否已经耗尽。[2023/9/9 13:28:16]

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

alETH池黑客再次向Alchemix返还3819枚alETH:8月4日消息，被标记为Alchemix/CurveFinance Exploiter的黑客再次向Alchemix Finance: Dev返还3,819.55枚alETH，约合667万美元。

此前报道，大约半小时之前，该黑客已向Alchemix Finance: Dev返还1000枚alETH。

7 月底，Alchemix表示，alETH/ETH Curve池遭遇攻击损失约5000枚ETH，Alchemix金库资金安全。[2023/8/5 16:19:43]

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

韩国游戏媒体社区INVEN旗下Web3子公司Vortex Gaming与NEAR基金会达成合作:金色财经报道，韩国游戏媒体INVEN宣布旗下子公司Vortex Gaming与NEAR基金会签署战略合作伙伴关系，并同意加入NEAR协议。Vortex Gaming是INVEN旗下基于内容的Web3游戏社区，目前月活跃用户(MAU)数量达到720万，双方将发展和加强NEAR Gaming游戏Web3社区环境，举办线下黑客马拉松和活动以培养开发者环境，并提供全球社交媒体平台和Gaming Guild等功能。（invenglobal）[2023/6/25 21:58:39]

useEffect(()=>{web3

txnObserver

);return()=>{txnObserver

},);

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

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

);return()=>{last5Observable

},);

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

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

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

登链社区