比特幣行情 比特幣行情
Ctrl+D 比特幣行情
ads
首頁 > BTC > Info

ENS:教程:如何在web應用程序中將ENS地址轉換為ETH地址

Author:

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

在本教程中,我將向大家展示我能想到的最簡單的例子,如何在web應用程序中將ENS地址轉換為ETH地址。

知道如何做是很有價值的,因為大多數智能合約只接受ETH地址,而不接受ENS地址。

如何做到這一點的簡單答案是,用戶只需要從子圖中查詢數據。

有多種方法轉換一個ENS地址:

1:使用ENS.js

我曾經使用這個庫來轉換ENS地址。但是,它不適用于位于layer2的應用程序,所以我不會展示如何以這種方式進行操作。

2:使用ENS提供的去中心化子圖

這是最可靠的方法,因為它是去中心化的。然而,當我在 ENS discord中詢問時,他們說不要用這個。此外,每次用戶在你的應用程序上查詢這個子圖時,你都要花錢——所以它不是免費的。我認為ENS計劃告訴每個人使用這個子圖,但我可能是錯的,我不確定他們會等待什么。

ETH 2.0總質押數達到2578.94萬:金色財經報道,數據顯示,ETH 2.0總質押數達到2578.94萬,為25789362個,按當前市場價格,價值約482.44億美元。此外,目前ETH 2.0質押總地址數已超85.35萬,為853518個。[2023/7/15 10:56:28]

3:使用ENS提供的中心化子圖

這個子圖是免費使用的,也是巴黎高等師范學院推薦人們使用的。這是我將教如何使用這里。

首先,在本地克隆repo。然后,安裝所有依賴項并運行本地服務器。如果要檢查localhost,就應該在頁面上看到一個輸入。如果輸入了一個有效的ENS地址,就將看到有效性和ETH地址正在瀏覽器控制臺中登錄,確認轉換。

Circle于北京時間9:43鑄造約4億枚USDC:3月13日消息,Nansen在推特上表示,北京時間9:43,Circle鑄造了約4.078億枚USDC,這是過去7天內最大一筆USDC鑄造。USDC發行量每小時凈變化為+4.638億美元。[2023/3/13 13:00:07]

既然你已經有了所有的代碼,我將用本教程的剩余部分來解釋它如何線性工作。

在主頁上有一個輸入(src/pages/index.tsx)。輸入時,它設置inputAddress狀態變量。

每當這個狀態變量發生變化時,它都會被這里的useENSAddress hook檢測到:

現在打開React hook的文件(src/components/useENSAddress.ts)。你可以看到它使用了里面的useEffect的hook。這個useEffect的依賴項列表中有一個inputAddress參數。這會導致useEffect主體在每次inputAddress改變時(通過用戶輸入)被調用。

數據:三季度虛擬世界交易量暴跌91.61%,降至9000萬美元:10月26日消息,DappRadar統計數據顯示,第三季度虛擬世界交易量下降91.61%至9000萬美元,土地銷售季度下降37.54%。其中The Sandbox每天平均有750個錢包與游戲平臺的合約進行交互,Decentraland平均每天有792個獨立活躍錢包和超過162000名活躍用戶。[2022/10/26 11:44:14]

useEffect((): any => { ...body code here... }, [inputAddress])

那么當調用useEffect的主體時會發生什么呢?幾乎所有發生的都是run方法被調用。

Rewards4Earth計劃向澳大利亞的1000家體育俱樂部推出加密獎勵:金色財經報道,澳大利亞公司Rewards4Earth計劃向當地1000家社區體育俱樂部推出加密獎勵。據悉,Rewards4Earth的工作原理是讓用戶在應用程序上創建一個錢包,并連接他們的支付卡以用于在特定的零售商那里支付商品。此外,根據他們花費金額的百分比,Rewards4Earth會使用Erth Points加密貨幣進行現金返還獎勵。[2022/7/1 1:44:00]

run方法通過調用其他方法來設置ETH地址。讓我們檢查一下那個方法,因為它是調用堆棧中的下一個。

打開src/stores/ensStore.ts。里面是queryENSForETHAddress方法。

首先,它進行軟檢查,看看傳入的值是否為ENS地址。

然后,它查詢由HTTP_GRAPHQL_ENDPOINT定義的子圖。為了獲得我們想要的數據,我們需要創建一個graphql查詢。這就是getQueryENSForETHAddress方法的作用。

現在轉到那個方法。它正在查詢子圖以獲取傳入的ENS地址的數據。

如果你想知道我是怎么想通了如何創建此查詢,那么你需要更多關于thegraph和graphql工作的知識。基本上,每個子圖都有一個游樂場,我一直在擺弄它,直到我得到了所需的數據。

例如,在playground中,可以輸入查詢,然后按下播放鍵,以便查看返回的數據。

現在,如果返回到queryENSForETHAddress,你可以看到數據存儲在result變量中:

return語句的基本意思是,if valid ENS address passed in, return the ETH address…otherwise, return 0。你還會注意到返回的數據采用來自getQueryENSForETHAddress。

一旦它返回,它可以追溯到useEffect 中useENSAddress.ts的文件和設置ethAddress狀態變量。

然后,返回三個值:

return [parseInt(ethAddress, 16) !== 0, ethAddress, isLoading]

第一個值表示傳入的值是否有效。第二個值是從子圖中檢索到的ETH地址。第三個值表示這些值當前是否正在加載。

差不多就是這樣了。完成這個過程后,我將這些值記錄到主頁上的控制臺。

現在你已經知道如何將第一層和第二層的ENS地址轉換為ETH地址。

Source:https://medium.com/coinmonks/how-to-convert-ens-address-to-eth-address-in-js-251c6209c208

Tags:ENSRESDDRADDEOS Se7ensRESQ ChainDDRT價格ZADDY幣

BTC
區塊鏈:金色觀察|鏈游新潮已至:盤點各大公鏈火熱鏈游

鏈游,現階段最接近元宇宙形態的場景之一。隨著元宇宙的熱潮,GameFi又迎來了新一輪的熱烈追捧。接下來,我們就著重盤點一下各大公鏈在GameFi的布局.

1900/1/1 0:00:00
元宇宙:元宇宙的價值鏈:體驗、發現、創造者經濟、空間計算、人機界面

10月28日一則關于“Facebook改名”的新聞上到了各大媒體的熱搜。Facebook首席執行官馬克·扎克伯格在Facebook Connect大會上宣布,Facebook將更名為“Meta”.

1900/1/1 0:00:00
NFT:NFT的火爆與衍生

2021年大火的“元宇宙”概念將人們對世界的目光從對現實世界的探索轉向虛擬世界的創建。元宇宙、NFT相關一系列衍生項目的火爆,也引發著人們的思考:當所有的情感價值脫離身體、來源于代碼時,人們對真.

1900/1/1 0:00:00
ENS:ENS 估值:不僅僅是域名

就其本質而言,區塊鏈創造了絕妙的資產記錄方式,而其中一種最大的數字原生資產就是域名 (domain names).

1900/1/1 0:00:00
加密貨幣:加密貨幣投資者無視監管不確定性以從隱私權中獲利

隨著商業變得日益全球化,金融體系不斷發展,數字資產在我們的生活中變得比以往任何時候都更加根深蒂固,監管機構正在采取更多限制措施來維持對行業的管控.

1900/1/1 0:00:00
區塊鏈:金色觀察|ConsenSys的6大產品都有什么?

金色財經報道,昨日,區塊鏈技術公司ConsenSys表示,已經以32億美元的估值從匯豐銀行和美國對沖基金Third Point等投資者處籌集了2億美元.

1900/1/1 0:00:00
ads