第一步:修改你的应用程序
大家的应用程序基于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的作用。