加密貨幣交易所 加密貨幣交易所
Ctrl+D 加密貨幣交易所
ads

教程:通過 Subspace 和 Infura 實現實時前端數據_ETH:SERV

Author:

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

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

Uniswap

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

Aave社區發起“在Optimism Aave V3上增加對wstETH支持”的提案:12月8日消息,Lido DAO貢獻者Jacob在Aave社區發起“在Optimism Aave V3上增加對wstETH支持”的提案,提案表示Aave V2上的stETH儲備是所有Aave部署中最大的儲備,其存款額為10.9億美元,超過USDC(10.8億 美元)和ETH(10.3億美元)。通過在Optimism上增加對wstETH的支持,將可能復制抵押品stETH的早期成功,并將其帶到Layer 2。[2022/12/8 21:31:46]

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

KuCoin CEO:沒有FTX和FTT的風險敞口:11月11日消息,對于社交媒體上“KuCoin有大量FTX風險敞口”的傳言,KuCoin首席執行官Johnny Lyu在推特上回復稱,“這是假的,KuCoin沒有FTX和FTT的風險敞口。”[2022/11/11 12:51:12]

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

以太坊市值跌破1200億美元關口:金色財經報道,據CMC最新數據顯示,以太坊市值已跌破1200億美元關口,本文撰寫時為115,745,175,389美元。當前ETH價格已跌至963.33美元,流通供應量為121,223,422 ETH。[2022/6/19 4:38:08]

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

Tags:ETHSERVOBSAAVEethnographyModulus Domains ServiceLOBS價格Aave BUSD

pepe最新價格
Gate.io ACH凈買入大賽,贏1,000,000 ACH活動公告_GATE:gate.io交易平臺合法嗎

Gate.ioACH凈買入大賽即時開戰,60個獲獎席位,1,000,000ACH總獎池,最高$1300美元單人獎等你來贏!活動時間:北京時間2020年12月21日12:00-12月28日12:0.

1900/1/1 0:00:00
Filecoin滿存算力挖礦丨星際數據_FIL:Rizen Coin

Filecoin滿存算力產品是星際數據推出的Filecoin算力業務,專注于Filecoin挖礦。  Filecoin滿存算力租賃產品無需質押,無需90天封存.

1900/1/1 0:00:00
學習 DeFi 的動機和意義_EFI:區塊鏈

本文是巴比特與通證思維實驗室聯合推出的《DeFi入門:14天學習計劃》在線培訓課程第一講的逐字稿,發表時略有調整.

1900/1/1 0:00:00
比原鏈設計哲學:計算之中無算計_比原鏈:BEP

電影《岡仁波齊》中有個有意思的細節,朝圣者運送行李的小貨車的車頭撞壞了,男人們于是把車頭拆下來扔掉,繼續靠人力拉著車廂,拉一段距離后放下車廂,又返程回到起點,繼續磕長頭完成這一段距離.

1900/1/1 0:00:00
去中心化世界基礎組件預言機的重要性大家都懂了,仲裁機你懂嗎?_ROS:SWAP

去中心化仲裁協議Kleros將會成為DeFi和LegalTech的新寵,其開發出基于以太坊區塊鏈的仲裁協議,目標是建立去中心化司法平臺,為所有爭端提供快速、安全、負擔得起的仲裁.

1900/1/1 0:00:00
鄒傳偉:從聯系匯率制解讀數字人民幣_數字人:2023數字人民幣開網時間

數字人民幣具有聯系匯率制和間接型CBDC的雙重特征。原文標題:《從聯系匯率制看數字人民幣》撰文:鄒傳偉,萬向區塊鏈首席經濟學家數字人民幣具有聯系匯率制和間接型央行數字貨幣的特征.

1900/1/1 0:00:00
ads