第一步：修改你的應用程式

我們的應用程式基於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的作用。