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

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

、

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

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

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

1：使用ENS.js

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

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

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

國際清算銀行發布北極星項目報告：CBDC系統的安全和彈性框架:7月7日消息，國際清算銀行(BIS)創新中心北歐中心今日發布“Project Polaris（北極星項目）”CBDC系統的安全和彈性框架以及威脅建模差距。該框架考慮了數字環境的快速增長以及依賴互聯網和電信網絡的各方和設備之間的互連性，以及它如何創建多樣化、復雜且快速發展的網絡威脅格局。由于CBDC系統可以使用的新技術在許多情況下尚未在運營規模上得到驗證，因此需要評估和解決它們無意中引入新的安全和運營風險的可能性。

中央銀行和CBDC生態系統中的其他參與者將需要面對這種日益復雜的網絡威脅形勢。Polaris安全和彈性框架的開發是為了指導中央銀行設計、實施和運營安全且有彈性的CBDC系統，以減輕中央銀行因網絡威脅或運營故障而面臨的運營、法律和聲譽風險。該框架以CBDC為重點，利用現有的行業標準和指南，為中央銀行提供安全、有彈性的CBDC系統的七步模型。[2023/7/7 22:24:25]

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

加密友好銀行Silvergate披露存在Genesis約250萬美元風險敞口:金色財經報道，加密友好銀行Silvergate Bank母公司Silvergate Capital公布在Genesis約有250萬美元風險敞口，規模并不是很大，而且Genesis也不是其比特幣抵押的 SEN 杠桿貸款的托管人，更沒有未償還的貸款或投資。Silvergate Bank向其客戶保證其對 Genesis 的風險敞口是“最小的”，客戶資產是安全的。據此前披露信息，Genesis 欠其最大債權人超過 35 億美元，包括 Mirana（ByBit 的投資部門）、Cumberland DRW、MoonAlpha（Babel Finance 運營商）、Stellar Development Foundation 等，但 Silvergate并未被提及。（businesswire）[2023/1/22 11:25:29]

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

Spookie Finance前端疑似遭攻擊，GHOST幣價幾乎歸零:10月26日消息，推特用戶Mario Paladin表示，Spookie Finance項目前端疑似遭攻擊，試圖在任何提現操作之前授權0xe316Ba開頭錢包地址，然后獲取受害者的資產。相關資金似乎被發送至錢包地址0x5451A25AFf1c14DDEF74D2AF703aaCc5d483782c。

PeckShieldAlert評論稱，推特賬號@SpookieFinance已顯示不存在，GHOST/WAVAX跌幅達100%。[2022/10/26 16:39:26]

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

英國央行市場執行董事：CBDC不會對英國央行的運營構成過度挑戰:6月2日消息，英國央行市場執行董事Andrew Hauser周三表示，央行數字貨幣不會對英格蘭銀行(英國央行)的運營構成過度挑戰。Hauser在紐約聯邦儲備銀行主持的討論前表示，如果這是選擇的前進方式，就其本身而言，資產負債表上的考慮并沒有明顯地顯示出任何反對采用CBDC的‘紅線’。

Hauser補充道，雖然CBDC的技術是新的，但使用央行資產負債表提供國家支持的交易資金是我們最長期的功能之一。（路透社）[2022/6/2 3:57:48]

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

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

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

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

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

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

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：ENSRESESSDRETENSARES幣XPRESS價格Drep(new)

酷幣交易所