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的作用。