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

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

、

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

介紹

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

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

1：使用ENS.js

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

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

Sui World：FTX曾經領投Sui Token的平均成本約0.114美元:金色財經報道，據Sui World發文稱，近日，根據相關法庭文件披露，MystenLabs3月22日與FTX債務人達成協議，將以9630萬美元的現金回購FTX對MystenLabs的股權投資和SUI代幣權證。FTX在去年Mysten Labs的B輪融資中總共投資1.02億美元，獲得約57萬股優先股和約8.9億枚SuiToken的代幣認購權證。作為領投方的FTX投資Sui Token的平均成本是非常低的，約0.114美元。

FTX領投Sui超過1億美元的一個重要條件，就是旗下做市商Alameda和FTX Trading幾乎免費拿到5.19億枚Sui Token用于在FTX.com平臺上做市。隨著FTX在Sui啟動之前就崩潰了，這個代幣權證的協議也不存在了。其他部分B輪投資者的Sui Token籌碼成本約為0.28-0.31美元。[2023/3/29 13:32:26]

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

BNB Chain投資總監：經歷熊市和“迷你牛市”，我們正處于人人都在建設的階段:2月12日消息，BNB Chain投資總監Gwendolyn Regina在接受采訪時表示，盡管過去一年加密市場動蕩不安，但BNB的投資策略著眼于長遠，主要不受日常市場事件的影響。“我們的投資理念沒有變，但有時也會改變。我們都知道區塊鏈和加密貨幣的發展速度非常快，所以我們在某些領域更加精確，但基本上來說它并沒有改變。總而言之，經歷了熊市和‘迷你牛市’，我們正處于每個人都在建設的階段。我們希望在BNB Chain上啟用更多功能。”

Regina補充說，BNB Chain上的Web3游戲也“通過穩健性和更便宜的費用實現有機增長”，但區塊鏈團隊現在正在該領域“加倍努力”，以鼓勵更多游戲玩家和開發者在其鏈上玩游戲和構建游戲。Regina表示，在其100萬日活躍用戶中，約有40%是游戲玩家。（Techcrunch）[2023/2/12 12:01:40]

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

DODO因vDODO合約漏洞暫時禁用vDODO合約轉賬功能:10月21日消息，去中心化交易平臺DODO稱，近期一位白帽黑客向DODO團隊報告了vDODO合約中的一個漏洞，此漏洞可能被用來降低vDODO持有者的推薦質押權益，影響用戶的潛在質押收入，不過用戶擁有的vDODO資產不受影響。當前，DODO團隊暫時禁用了vDODO合約的轉賬功能，以規避攻擊活動，目前正在尋找解決方案。[2022/10/21 16:33:49]

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

項目設置

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

Santiment數據：過去三個月，以太坊巨鯨地址減持ETH幅度達11%:8月26日消息，加密行為分析平臺 Santiment 數據顯示，在過去三個月中，排名前 10 位的非交易平臺以太坊地址一直在減持了 11% 的 ETH 頭寸，而頭部交易平臺的 ETH 數量卻在增長。

分析認為這意味著巨鯨正在將 ETH 轉移至交易平臺。并可能會根據合并事件的進展采取行動。（Cryptopotato）[2022/8/26 12:50:55]

解釋

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

在主頁上有一個輸入(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：ENSETHRESADDLunaGensEthorseAdSharesRADDIT價格

Pol幣