以太幣交易所 以太幣交易所
Ctrl+D 以太幣交易所
ads
首頁 > DAI > Info

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

Author:

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

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

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

介紹

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

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

1:使用ENS.js

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

比特幣礦企CleanSpark 2月產出576枚BTC,售出778枚BTC:金色財經報道,比特幣礦企CleanSpark發布2023年2月挖礦和運營進展更新,CleanSpark 2月共產出576枚BTC,2023年至今已產出1273枚BTC。截至2月28日,CleanSpark持有100枚比特幣,總算力為6.6EH/s。2月,CleanSpark以2.3萬美元的均價出售了778枚BTC,收益為1790萬美元。(Globenewswire)[2023/3/3 12:40:39]

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

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

zkSync CEO:zkSync擬于年底完成支持所有的預編譯:9月22日消息,在由萬向區塊鏈實驗室主辦的第八屆區塊鏈全球峰會上,以太坊二層網絡zkSync首席執行官Alex Gluchowski探討了V神曾提及的5種EVM兼容方案:即類型1(完全等效于以太坊)、類型2(完全等效EVM)、類型2.5(與evm相當,不包括gas費用)、類型3(幾乎等同于EVM)以及類型4(相當于高級語言) 。Gluchowski稱,從性能差異的角度來看,類型3、類型2、類型2.5之間并不顯著,但可以從類型4開始,通過選擇好的基本范式框架之內添加功能,不斷地提高與EVM的兼容性。zkSync計劃于年底完成支持所有的預編譯。目前zkSync處于EVM兼容的類型2.5,為了提高兼容性,我們需要支持與以太坊完全相同的Gas計算,并且支持存儲和共識的兼容性。[2022/9/22 7:13:45]

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

Solana生態算法穩定幣UXD Protocol在新公鏈Sei上推出UXD:9月20日消息,專注于DeFi的新公鏈Sei今日宣布,Solana生態算法穩定幣UXD Protocol正在新公鏈Sei上推出UXD。Sei表示,作為DeFi的基本組成部分,UXD穩定幣的集成將為Sei用戶提供無需許可、去中心化且穩定的記賬單位。此外,UXD為在Sei上部署第一個Cosmos原生穩定幣。[2022/9/20 7:07:45]

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

項目設置

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

Solana鏈上NFT市場Magic Eden交易總額突破10億美元:5月17日消息,據Dappradar數據顯示,Solana鏈上NFT市場Magic Eden交易總額已突破10億美元,截止目前為11.9億美元,交易者數量達到636,802個。數據顯示,過去30天,Magic Eden交易額大幅上漲達4,714,908.03SOL(約合2.6億美元),交易量超過110萬筆。[2022/5/18 3:23:28]

解釋

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

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

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

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

useEffect(():any=>{...bodycodehere...},)

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

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

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

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

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

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

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

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

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

return語句的基本意思是,ifvalidENSaddresspassedin,returntheETHaddress…otherwise,return0。你還會注意到返回的數據采用來自getQueryENSForETHAddress。

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

然后,返回三個值:

return

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

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

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

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

Tags:ENSRESESSDDRConsensus Cell NetworkBintex FuturesPRINCESS價格DDRT

DAI
對話美國參議院的加密幣女王辛西婭·盧米斯_比特幣

議員辛西婭·盧米斯可能看起來不像你認識的典型加密幣擁有者。她今年66歲,沒有技術背景,但她是“長線持有者”。這位懷俄明州的共和黨人解釋了她為什么如此鐘情于比特幣。比特幣出現僅僅是在12年前.

1900/1/1 0:00:00
以NFT.DAO為起點構建元宇宙:99 District的藍圖_NFT

今年NFT市場飛速成長,從小眾市場走入大眾視野。其衍生的去中心化交易、數字社區和元宇宙等概念也隨之引起熱烈討論和關注,成為人們茶余飯后的談資.

1900/1/1 0:00:00
金色晚報 | 11月25日晚間重要動態一覽_區塊鏈

12:00-21:00關鍵詞:Tether、SushiSwap、瑞士國家郵政局、Gamevil1.Tether:期待與世界各地的立法者就穩定幣安全問題進行合作;2.

1900/1/1 0:00:00
湯姆貓:重要股東借“元宇宙”東風減持 監管函警示合規風險_元宇宙

受益于“元宇宙”概念興起,湯姆貓股價水漲船高。從9月至11月16日收盤,公司股價漲幅高達52.81%.然而,湯姆貓近期頻繁發布股東減持股份的公告.

1900/1/1 0:00:00
為什么 Uniswap V3 會是一把雙刃劍?_UNI

Uniswap實驗室表示,自2018年11月推出以來,其每月累計交易額已達到5萬億美元的里程碑.

1900/1/1 0:00:00
NFT 僅是頭像?腦洞大開設想 NFT 未來的無限用例_NFT

NFT或將在零售業、服務業、自媒體、游戲和DeFi等領域大規模普及應用。撰文:ChrisCantino,ColorCapital合伙人編譯:PerryWang1/如果用「電梯游說」的方式來解釋N.

1900/1/1 0:00:00
ads