在關于前端開發的上一篇文章中,我們最后提供了一個網站。用戶可通過MetaMask連接該網站,它將顯示用戶的以太幣賬戶余額。但是,有許多以太坊用例涉及到ERC20令牌的發送和接收,其跟蹤方式與原生以太幣不同。在本指南中,我們將介紹如何跟蹤已部署合約的交易,以及當它們在每個新確認的區塊中進行更新時,如何在前端顯示和更新這些數字。我們以跟蹤Uniswap上的Dai<>Eth交易為例來進行說明。
Uniswap
為此,我們將使用來自StatusEmbark團隊的一個庫,名為Subspace。我們首選使用ReactHooks跟蹤實時數據。因此,我們將通過在這里找到的Embark示例代碼,使用以太坊數據流設置前端。總的來說,該前端使用了Infura、React和Subspace。
MetaMask:“即將進行快照/MASK代幣空投”傳言不屬實:金色財經報道,加密錢包MetaMask在社交媒體發文表示,市場上圍繞其即將進行快照和MASK代幣空投的傳言不屬實。MetaMask補充稱,從上周末開始有人猜測MASK代幣已經確定,還有各種關于如何使用MetaMask Swap或橋接以成為空投潛在用戶的教程,但這些傳言不屬實,MetaMask空投需要繼續等待,同時提醒用戶注意安全。[2023/3/29 13:32:03]
本教程是一個單獨的網站,與上一個前端教程相互獨立。我們將檢查代碼的重要部分,而非全部代碼,因此建議復制示例庫,然后運行根目錄中的npminstall和npmstart,網站將進入localhost:3000。從這里可以看到,使用Hooks和useEffect()添加更多數據跟蹤非常輕松。我們只需要檢查3個重要文件。首先檢查hide/index
吳忌寒旗下Matrixport的Cactus Custod與Trovio Group建立合作伙伴關系:金色財經報道,吳忌寒旗下Matrixport的合格機構托管服務Cactus Custod宣布與Trovio Group建立合作伙伴關系,并將為其提供機構級的數字資產托管服務和DeFi訪問權限,以及機構級加密管理和審計跟蹤支持。Trovio Group首席運營官Thomas Barton透露,該公司還將與Cactus Custody在一系列托管解決方案上進行合作,以確保Trovio Group能夠獲得機構級安全性和尖端產品。(prnewswire)[2022/10/25 16:38:32]
下面3個代碼區塊是去中心化應用中非常重要的Hooks,為我們提供我們需要的實時流。我們將對它進行設置,使我們能夠查看最新挖出的50個區塊,并顯示在這些區塊中發生的最近5次Eth->Dai交易。隨著不斷有新的區塊挖出和交易發生,這些信息將持續更新。
朱燁東博士:2022年數字資產發行銷售額將超過28.42億元:金色財經報道,2022年中國國際服務貿易交易會正在舉辦。大會發布了《中國金融科技發展報告(2022)》《中國區塊鏈發展報告(2022)》《中國元宇宙發展報告(2022)》三部年度藍皮書,三部藍皮書的執行主編、北京區塊鏈技術應用協會會長朱燁東博士在會上做了“中國元宇宙、區塊鏈、金融科技行業發展現狀及趨勢”主旨演講。在區塊鏈方面,朱燁東表示區塊鏈的技術已經逐步走向成熟,區塊鏈已開始從“信任走向協作”的新發展階段,區塊鏈正加速突破應用,區塊鏈賦能文化產業,據統計,2021年我國的數字產品的規模約是1.5億元,今年整個數字藏品行業的發展速度遠遠超出市場預期,2022年數字資產發行銷售額將超過28.42億元,并在未來5年保持150%以上的增速。[2022/9/5 13:08:22]
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意味著什么?
以太坊一直是我們「去中心化」理念的倡導者,然而,上周,以太坊的核心開發者EWASM團隊的LaneRettig發布一條Tweet「以太坊的治理已經失敗.
1900/1/1 0:00:00萬向區塊鏈董事長肖風認為工業互聯網底層技術應該是基于區塊鏈的分布式治理架構。原文標題:《萬向區塊鏈肖風最新演講:工業數字化—分布式認知工業互聯網》演講:肖風,萬向區塊鏈董事長兼CEO2020年8.
1900/1/1 0:00:00合約亂斗第6季-跟隨第六感,本賽季沖榜可瓜分10000元現金獎池,現金可直接提取。參與活動,請務必點此報名.
1900/1/1 0:00:00隱私幣Zcash順利完成了減半和Canopy網絡升級,了解一下它的發展現狀與隱私機制。撰文:PaulVeradittakit,PanteraCapital合伙人翻譯:盧江飛Zcash已于北京時間.
1900/1/1 0:00:00尊敬的HCoin用戶: 大宗未釋放份額兌換HCoin平臺合約分紅股權,第二十六期分紅已經發放完畢.
1900/1/1 0:00:003月25日剛剛結束的蘋果新品發布會上,最新發布的AppleNews服務抓人眼球。這是蘋果推出的一項全新的新聞訂閱服務,每月9.99美元就可以訂閱來自300多種精品雜志的內容,包括《時代》《國家地.
1900/1/1 0:00:00