ENS:教程 | 如何在web应用程序中将ENS地址转换为ETH地址_Destiny Success

在本教程中，我将向大家展示我能想到的最简单的例子，如何在web应用程序中将ENS地址转换为ETH地址。

、

知道如何做是很有价值的，因为大多数智能合约只接受ETH地址，而不接受ENS地址。

介绍

如何做到这一点的简单答案是，用户只需要从子图中查询数据。

有多种方法转换一个ENS地址:

1：使用ENS.js

我曾经使用这个库来转换ENS地址。但是，它不适用于位于layer2的应用程序，所以我不会展示如何以这种方式进行操作。

欧盟将要求加密货币公司向监管机构报告税收细节:金色财经报道，欧盟委员会表示，计划要求加密货币公司向税务机关报告用户的持仓情况，不过该机构仍在研究如何对设在欧盟之外的交易所执行这些措施。欧盟税务专员Paolo Gentiloni在一份声明中表示，匿名性意味着许多赚取大量利润的加密资产用户落在国家税务机关的视线之外。这是不可接受的。

当被问及欧盟将如何对集团外的公司执行这些措施时，Gentiloni称，我们将在这方面努力，对我们来说，重要的是欧盟居民成为这些措施的目标，即使他们使用来自其它地方的加密货币供应商。

Gentiloni的措施将进一步推动欧盟的《加密资产市场条例》（MiCA），该条例允许外国公司使用一种称为反向招揽的程序获得欧盟客户。[2022/12/9 21:32:49]

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

这是最可靠的方法，因为它是去中心化的。然而，当我在ENSdiscord中询问时，他们说不要用这个。此外，每次用户在你的应用程序上查询这个子图时，你都要花钱——所以它不是免费的。我认为ENS计划告诉每个人使用这个子图，但我可能是错的，我不确定他们会等待什么。

社交媒体巨头Snap宣布解散Web3团队:金色财经报道，面对急剧下降的增长，Snap(SNAP)正在解散其Web3团队以削减成本。Snap Web3团队的联合创始人Jake Sheinman在周四宣布离开公司的推文中透露了这家社交媒体巨头的计划：由于公司重组，我们决定终止我们的Web3团队。

Snap第二季度营收为11.1亿美元，较去年同期增长13%，但远低于公司此前预测的20%-25%，也低于分析师的预期。周三，Snap首席执行官埃文·斯皮格尔(EvanSpiegel)透露Snap将裁员20%。（coindesk）[2022/9/2 13:03:52]

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

这个子图是免费使用的，也是巴黎高等师范学院推荐人们使用的。这是我将教如何使用这里。

项目设置

首先，在本地克隆repo。然后，安装所有依赖项并运行本地服务器。如果要检查localhost，就应该在页面上看到一个输入。如果输入了一个有效的ENS地址，就将看到有效性和ETH地址正在浏览器控制台中登录，确认转换。

Bitfinex CTO：Bitfinex匹配引擎正在更新:8月1日消息，Bitfinex CTO Paolo Ardoino在社交媒体称，Bitfinex的匹配引擎正在更新。Bitfinex匹配引擎更新后，消息减少了66%（更多地重用相同的数据流）、可交易的余额计算加速（3倍）、显著减少了内存使用、增加多播覆盖率。[2022/8/1 2:51:17]

解释

既然你已经有了所有的代码，我将用本教程的剩余部分来解释它如何线性工作。

在主页上有一个输入(src/pages/index.tsx)。输入时，它设置inputAddress状态变量。

Rainmaker Games推出首个跨链、GameFi专属NFT市场:金色财经报道，美国GameFi公司Rainmaker Games宣布推出首个跨链、GameFi 独家 NFT 市场，允许玩家从 Web3 中探索汇总的顶级 NFT 产品并与 Rainmaker 的游戏发现引擎无缝集成，该平台还包含全面的游戏指南、深入的购买指南和数据驱动的价格估算，以提高游戏的透明度。金色财经此前报道， Rainmaker Games曾在去年底完成650万美元融资，Animoca Brands和Alameda Research等参投。[2022/6/10 4:15:27]

每当这个状态变量发生变化时，它都会被这里的useENSAddresshook检测到:

俄罗斯最古老的监狱中发现了加密矿场:金色财经消息，建于1771年位于莫斯科中部Tverskoy区的Butyrskaya（也称Butyrka）监狱的一名官员正在接受调查，原因是他可能滥用职权建立了一个加密矿场，矿机是在监狱的精神病诊所发现的，到目前为止，调查人员已经确定，该官员及其尚未确定身份的同伙于2021年11月安装了矿机。这些矿机一直在提取加密货币，直到今年2月。（news.bitcoin）[2022/5/23 3:34:56]

现在打开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

标签：ENSRESADDESSSENSI价格ceres币价格趋势DADDYDBDestiny Success

Gate交易所热门资讯