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

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

、

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

介紹

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

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

1：使用ENS.js

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

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

區塊鏈債券平臺LedgerEdge已被關閉:金色財經報道，區塊鏈債券解決方案LedgerEdge聯合創始人David Rutter表示，LedgerEdge已被關閉。Rutter也是企業區塊鏈公司R3的聯合創始人兼首席執行官。

2015年，他創辦了另一家公司LiquidityEdge，為美國國債市場建立了一個數字交易生態系統。四年后，他以1.5億美元的價格將其賣給了MarketAxess。2020年，Rutter決定瞄準公司債券市場，并因此創立LedgerEdge。[2023/8/2 16:14:29]

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

王慧文宣布進軍人工智能，稱將打造中國的 OpenAI:金色財經報道，2月13日，原美團聯合創始人王慧文在社交平臺發文宣布進軍人工智能領域，稱將打造中國的OpenAI。其發文中透露，將成立北京光年之外科技有限公司，王慧文出資5000萬美元，估值2億美元，并表示，他個人不占股份，資金占股25%，75%的股份用于邀請頂級研發人才，下輪融資已有頂級VC認購2.3億美元。

兩天前，王慧文在其微信朋友圈發文稱，“自己將入局人工智能賽道，同時表示個人還將拿出5000萬美元（約合人民幣3.4億元）‘帶資入組’，不介意薪資和崗位”。（鳳凰網科技）[2023/2/13 12:03:37]

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

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

項目設置

超568萬枚DYDX將于今日23時開始解鎖，占總供應量0.568%:金色財經報道，據Token Unlocks數據顯示，5,681,818.43枚DYDX（約合829.5萬美元）將于北京時間17日23時開始解鎖，此次解鎖量占總供應量0.568%，其中大部分為交易獎勵代幣。[2023/1/17 11:16:03]

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

解釋

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

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

Gartner：Web3.0 技術將很快達到其采用的臨界點:金色財經報道，根據Market Research Future的數據，到 2023 年，Web3.0 區塊鏈技術領域的價值將超過 6 萬億美元，從 2023 年到 2030 年，Web3.0 將繼續以 44.6% 的復合年增長率增長。由于 Web3.0 嚴重依賴區塊鏈，許多人錯誤地認為它的命運不可避免地與動蕩的加密貨幣市場有關。然而，加密貨幣只是新領域的一部分。Gartner解釋說，雖然加密貨幣在 2022 年上半年崩盤，但決策者不應假設 Web3.0 技術的價值受到影響。據這家研究和咨詢公司稱，Web3.0 技術將很快達到其采用的臨界點，從飛機維修到食品安全等行業都將對其應用進行代幣化。

Market Research Future 高級研究分析師 Aarti Dhapte表示，區塊鏈是一項經過驗證的技術，可確保加密貨幣和 NFT 的安全性更上一層樓。現在，它已準備好最終改變下一代網絡技術。Web3區塊鏈將徹底改變不同行業現有的常規流程。[2022/9/4 13:07:30]

每當這個狀態變量發生變化時，它都會被這里的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：ENSRESESSDREZenSportsRestore Truth TokenFESSDREAMPAD價格

歐易交易所app官網下載