搜索
当前所在位置: TokenBetter > 数字货币 >

怎么样在web应用程序中将以太坊域名服务地址转换为以太币地址

发布时间:2021-11-25 18:28 作者:未知 点击: 【 字体:

在本课程中,我将向大伙展示我能想到的最容易的例子,怎么样在web应用程序中将以太坊域名服务地址转换为以太币地址。

知晓怎么样做是非常有价值的,由于大部分智能合约只同意以太币地址,而不同意以太坊域名服务地址。

介绍

怎么样做到这一点的容易答案是,用户仅需从子图中查看数据。

有多种办法转换一个以太坊域名服务地址:

1:用以太坊域名服务.js

我过去用这个库来转换以太坊域名服务地址。但,它不适用于坐落于layer2的应用程序,所以我不会展示怎么样以这种方法进行操作。

2:用以太坊域名服务提供的去中心化子图

这是最可信的办法,由于它是去中心化的。然而,当我在 以太坊域名服务 discord中询问时,他们说不要用这个。除此之外,每次用户在你的应用程序上查看这个子图时,你都要烧钱——所以它不是不收费的。我觉得以太坊域名服务计划告诉每一个人用这个子图,但我可能是错的,我不确定他们会等待什么。

3:用以太坊域名服务提供的中心化子图

这个子图是免费用的,也是巴黎高等师范学院推荐大家用的。这是我将教怎么用这里。

项目设置

第一,在当地克隆repo。然后,安装所有依靠项并运行当地服务器。假如要检查localhost,就应该在页面上看到一个输入。假如输入了一个有效的以太坊域名服务地址,就将看到有效性和以太币地址正在浏览器控制台中登录,确认转换。

讲解

既然你已经有了所有些代码,我将用本课程的剩余部分来讲解它怎么样线性工作。

在主页上有一个输入。输入时,它设置inputAddress状况变量。

每当这个状况变量发生变化时,它都会被这里的use以太坊域名服务Address hook测试到:

目前打开React hook的文件。你可以看到它用了里面的useEffect的hook。这个useEffect的依靠项列表中有一个inputAddress参数。这会致使useEffect主体在每次inputAddress改变时被调用。

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

那样当调用useEffect的主体时会发生什么呢?几乎所有发生的都是run办法被调用。

run办法通过调用其他办法来设置以太币地址。让大家检查一下那个办法,由于它是调用堆栈中的下一个。

打开src/stores/ensStore.ts。里面是query以太坊域名服务For以太币Address办法。

第一,它进行软检查,看看传入的值是不是为以太坊域名服务地址。

然后,它查看由HTTP_GRAPHQL_ENDPOINT概念的子图。为了获得大家想要的数据,大家需要创建一个graphql查看。这就是getQuery以太坊域名服务For以太币Address办法有哪些用途。

目前转到那个办法。它正在查看子图以获得传入的以太坊域名服务地址的数据。

假如你想了解我是如何想通了怎么样创建此查看,那样你需要更多关于thegraph和graphql工作的常识。基本上,每一个子图都有一个游乐场,我一直在摆弄它,直到我得到了所需的数据。

比如,在playground中,可以输入查看,然后按下播放键,以便查询返回的数据。

目前,假如返回到query以太坊域名服务For以太币Address,你可以看到数据存储在result变量中:

return语句的基本意思是,if valid 以太坊域名服务 address passed in, return the 以太币 address…otherwise, return 0。你还会注意到返回的数据使用来自getQuery以太坊域名服务For以太币Address。

一旦它返回,它可以追溯到useEffect 中use以太坊域名服务Address.ts的文件和设置ethAddress状况变量。

然后,返回三个值:

return [parseInt !== 0, ethAddress, isLoading]

第一个值表示传入的值是不是有效。第二个值是从子图中检索到的以太币地址。第三个值表示这部分值目前是不是正在加载。

差不多就是如此了。完成这个过程后,我将这部分值记录到主页上的控制台。

目前你已经知晓怎么样将第一层和第二层的以太坊域名服务地址转换为以太币地址。

Source:https://medium.com/coinmonks/how-to-convert-ens-address-to-eth-address-in-js-251c6209c208

版权保护: 本文由 TokenBetter 原创,转载请保留链接: http://www.donglang2015.com/huobi/20211125/1650.html

阅读全文
返回顶部