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

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

、

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

介紹

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

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

1：使用ENS.js

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

Poly Network黑客已兌換5196枚ETH:金色財經報道，據Beosin Alert監測，跨鏈互操作協議Poly Network 攻擊者在以太坊上共換取了5196枚ETH（約合1010萬美元）。其他代幣（約合2.6億美元）由于流動性低，攻擊者可能無法兌現。

金色財經此前報道，跨鏈橋Poly Network項目被攻擊，用戶請注意資產安全。[2023/7/3 22:15:14]

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

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

Yuga Labs：Gucci KodaPendants銷售已結束:金色財經報道，Yuga Labs在其官推宣布奢侈品巨頭Gucci KodaPendants銷售已經結束，但元數據更新可能需要一些時間才能顯示出來。此外，根據加密社區流出的Etherscan數據截圖顯示，經過24小時的銷售，Gucci以1,358,550 APE的價格售出了Otherside Relics NFT系列中的3,019個KodaPendant，價值約合5,719,000美元。KodaPendant是Gucci系列Otherside Relics中的首個圣人遺物（relic），專供Vessel和Koda NFT持有者使用，旨在將數字世界和實體世界整合在一起，Yuga Labs提醒用戶關注垃圾郵件/網絡釣魚鏈接，除非確定是安全的，否則不要點擊鏈接。[2023/4/9 13:52:23]

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

Meta重申元宇宙地位：仍是計算的未來，但需要時間:3月30日消息，Meta全球事務副總裁Nick Clegg重申會繼續發展元宇宙，計算的未來將發生在這個仍未被充分定義的虛擬世界中。雖然如今的元宇宙應用帶給人們的體驗不夠流暢，但他承諾這最終會被更加便利的體驗所取代，不僅可以采用輕便的設備，還會為虛擬形象配上雙腿。Clegg表示：“我們會堅持發展這項技術，因為真心認為早期證據都表明此類技術將成未來計算平臺的核心。但這需要時間。”

此外，Clegg表示，Meta主要可以通過兩種方式來變現元宇宙的投資：廣告和電商。他還強調，該公司致力于讓研究人員、民間組織和其他公司參與元宇宙的開發。[2023/3/30 13:35:23]

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

Flashbots的MEV-Boost現已在Coinbase Cloud上運行:11月2日消息，Coinbase Cloud在推特上宣布，Flashbots的免費開源中間件MEV-Boost現已在Coinbase Cloud上運行，其以太坊質押客戶現在可以選擇在其基礎設施中運行MEV-Boost，接收由Proposer-Builder Separation (PBS) 啟用的MEV（最大可提取價值）獎勵，據估計獲得的平均區塊獎勵可能增加100-200%。質押以太坊的Coinbase Prime和零售客戶將自動獲得額外獎勵。

此外，Coinbase Cloud表示為實現去中心化和抗審查將鼓勵中繼多樣性，計劃訂閱所有符合其技術要求的可行中繼，且將繼續在沒有MEV-Boost的情況下運行一些驗證器。[2022/11/2 12:08:09]

項目設置

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

解釋

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

在主頁上有一個輸入(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：ENSRESESSETHrenshentokenvanguardfortresschess幣會漲嗎ETH激素

AAVE