SERV:教程：通過 Subspace 和 Infura 實現實時前端數據_加密貨幣是錢嗎

Author：

Time：1900/1/1 0:00:00

在關于前端開發的上一篇文章中，我們最后提供了一個網站。用戶可通過MetaMask連接該網站，它將顯示用戶的以太幣賬戶余額。但是，有許多以太坊用例涉及到ERC20令牌的發送和接收，其跟蹤方式與原生以太幣不同。在本指南中，我們將介紹如何跟蹤已部署合約的交易，以及當它們在每個新確認的區塊中進行更新時，如何在前端顯示和更新這些數字。我們以跟蹤Uniswap上的Dai<>Eth交易為例來進行說明。

Uniswap

為此，我們將使用來自StatusEmbark團隊的一個庫，名為Subspace。我們首選使用ReactHooks跟蹤實時數據。因此，我們將通過在這里找到的Embark示例代碼，使用以太坊數據流設置前端。總的來說，該前端使用了Infura、React和Subspace。

消息稱Meta全新大型社交平臺有望7月上線:金色財經報道，Meta計劃在7月中旬推出一個全新的大型社交平臺，該項目目前在Meta內部代號為Project 92，正式名稱或為Threads。公司內部對該項目寄予厚望，先期計劃在Instagram內部推廣，并預計Threads將在短短幾個月內吸引數千萬計的用戶。(The Verge)[2023/6/26 22:00:58]

本教程是一個單獨的網站，與上一個前端教程相互獨立。我們將檢查代碼的重要部分，而非全部代碼，因此建議復制示例庫，然后運行根目錄中的npminstall和npmstart，網站將進入localhost:3000。從這里可以看到，使用Hooks和useEffect()添加更多數據跟蹤非常輕松。我們只需要檢查3個重要文件。首先檢查hide/index

Trust Wallet移動端應用已支持密鑰云備份:2月22日消息，多鏈非托管錢包Trust Wallet移動端應用已支持密鑰云備份，用戶可將助記詞備份至iCloud（iOS）或Google Drive（Android）。[2023/2/22 12:22:47]

下面3個代碼區塊是去中心化應用中非常重要的Hooks，為我們提供我們需要的實時流。我們將對它進行設置，使我們能夠查看最新挖出的50個區塊，并顯示在這些區塊中發生的最近5次Eth->Dai交易。隨著不斷有新的區塊挖出和交易發生，這些信息將持續更新。

巴西稅務機關：7月巴西使用加密貨幣人數超100萬:金色財經報道，巴西稅務機關RFB披露了與7月份有關的加密貨幣報表數據。本月有超過100萬巴西人申報使用加密貨幣。這是自2019年以來報告的最高人數。相比之下，在2022年5月，只有36.5萬公民向RFB報告他們的加密貨幣持有量和交易。此外，統計數據顯示，女性在該國使用加密貨幣的情況越來越活躍。根據數據，女性進行的加密貨幣交易數量上升了4%，該群體在7月份的交易中占了近20%。

據悉，巴西法律規定，所有加密貨幣持有者必須向該機構報告他們的信息，即使沒有使用中心化交易所進行交易。（Bitcoin.com）[2022/9/7 13:13:44]

useEffect(()=>{web3

txnObserver

);return()=>{txnObserver

},);

從我們在第一個Hook中創建的last5Observable，我們獲得了它們的交易詳情，如下：

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

);return()=>{last5Observable

},);

最后，我們有一些ReactUI代碼，然后就能看到前端！這是gif圖。它剛開始不久，目前有3次交易。在開發者控制臺中，我們可以看到每個交易的更多交易詳情。隨著新的交易涌入，較早的交易將被擠出堆棧。

希望這些內容清晰地解釋了什么是Subspace庫。它讓去中心化應用前端開發變得非常簡單輕松，尤其是使用Infura處理web3數據非常實用！復制這里的樣板庫并使用Subspace。如果您對此有任何問題，請在這里與我們討論。有關更多教程，請訪問我們的社區中的教程部分。

本文來源于非小號媒體平臺：