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

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

Uniswap

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

众筹平台Republic通过出售新证券型代币Republic Core完成300万美元募资:金色财经报道,作为其证券型代币 Republic Note 有限分配的一部分,众筹平台 Republic 宣布推出了新证券型代币“Republic Core”的 Reg CF 融资产品,并且已募集到 300 万美元。根据 Reg CF 发售文件显示,“Republic Core” 使用 Algorand 区块链并以数字形式发行,资产管理功能均由智能合约提供。据此前报道, Republic 曾于 2020 年通过出售 Republic Note 证券代币筹集了 1600 万美元。(crowdfundinsider)[2023/2/8 11:54:51]

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

盈透证券截至三季度末为客户持有1亿美元的加密资产:11月10日消息,据外媒报道,最大的股票交易平台之一盈透证券 (Interactive Brokers:IBKR) 在第三季度收益报告中表示,公司使用第三方加密货币服务提供商 (CSP) 为客户购买、出售和持有加密资产。

报告显示:“截至2022年9月30日,在CSP中以客户名义持有的加密资产的公允价值为1.01亿美元(截至2022年1月1日为1.34亿美元),其中包括5500万美元的比特币、4400万美元的以太坊和200万美元的其他加密资产。”(Trustnodes)[2022/11/10 12:41:42]

15名Terraform员工在调查期间被禁止离开韩国:金色财经报道,由于韩国检察官正在调查Terra 的 LUNA 和 UST 的大规模倒塌事件,其 15 名前任和现任员工不得离开韩国。这 15 名知名员工包括贷款协议 Anchor 的前开发人员。他们都受到了出国旅行的限制,可能会被邀请接受审讯。彭博社在这里引用了来自韩国的联合通讯社。

巴西注册宣布持有加密货币的机构数量创历史新高:金色财经报道,巴西在8月份登记的申报拥有加密货币的公司和机构的数量是最高的。这些数字直接来自巴西税务局(RFB),表明越来越多的机构渴望购买加密货币,也表明最重要的数量是使用Tether的稳定币usdt转移。

这一指标比7月份宣布拥有加密货币的公司数量(11360家)有所增加。然而,与7月份相比,个人的声明确实有所放缓,8月份的声明减少了35,000份。然而,这一指标仍然很高,有超过130万的个人宣布他们有某种加密货币作为他们资产的一部分。[2022/10/10 12:51:14]

然而,韩联社消息人士拒绝透露目前的调查情况,也拒绝透露有多少 Terra 员工已经受到质疑。但消息人士表示,在这种情况下,通常会实施出境禁令。截至目前,Terra 尚未收到任何评论。(u

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意味着什么?

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

银河链

抹茶交易所首家开放BETH交易 火币成BETH持有者最好选择

不知不觉比特币已经突破23000刀了,整个市场喜大普奔,大有提前过年的意思。对于这一轮行情,很多的分析师、专家和媒体都认为,上涨的原因主要是机构资金大举入场。因此在这轮暴涨当中,很多人都认为机构投资者是最大的赢家.

ADAUniswap 通证经济分析(UNI)| 速懂简版

星标关注加财运★不断学习加能力作者:Future小哥哥Uniswap近日推出了自己的DEX治理代币UNI,也是之前被Sushi挖到超车逼出了开发的速度,现在我们来一起分析一下UNI的通证经济与治理模型.

[0:0ms0-1:798ms