ENS托管您的Dapp并通过EthDNS访问它？

第一步：修改你的应用程序

我们的应用程序基于create- response -app。除了大量使用GraphQL外，我认为它是一个非常标准的React应用程序。我们没有使用任何dapp框架(比如Embark 或 Truffle)，因为前端应用程序通过npm包导入所有智能的合同ABI。

您需要做的唯一大的更改是将路由从BrowserRouter更改为HashRouter，这样URL将变成/#/name/matoken.eth而不是/name/matoken.eth。此更改不仅适用于通过IPFS提供服务，还适用于任何无法设置动态路由规则将任何url重定向到/ for SPA(单页面应用程序)的主机环境。

步骤2:将构建文件发布到IPFS

我没有详细介绍如何设置和运行IPFS守护进程(但这应该只是IPFS守护进程的问题)。

完成所有设置之后，添加刚才编译到IPFS中的构建目录。

第三步:设置contenthash为ENS

如果你现在没有ENS的名字，这是一个很好的机会注册一个。只需到ENS Manager注册一个新名称，设置公共解析器，并通过选择“Content”记录类型将IPFS添加到ENS记录中。

步骤4。通过EthDNS访问它

如果您通过ENS contenthash支持的浏览器/钱包(例如Status)打开它。您应该能够在ensmanager.matoken.eth下看到相同的内容。然而，你不能指望所有的朋友和家人都能在ENS支持的浏览器中看到你的内容，这就是EthDNS的作用。