開發指南：在 Crust 上部署去中心化網頁 /DApp

由 熱鏈中的人 於 4 月 1, 2021

“Crust 提供了 Web3 生態系統的去中心化存儲網絡，支持包括 IPFS 在內的多種存儲層協議，並對應用層提供接口。Crust 的技術棧還能夠支持去中心化計算層。Crust 旨在構建一個重視數據隱私和所有權的分佈式雲生態系統。”

Uniswap 在其自動化部署的代碼中集成了 Crust 網絡的存儲功能。Crust 已經爲 Uniswap 網頁 (app.uniswap.org) 提供了 100 多個 IPFS 文件副本。也就是說，當用戶訪問 Uniswap 時，頁面將從數以百計的 Crust 網絡的節點處獲得。

參見：

https://github.com/Uniswap/uniswap-interface/pull/1342

此外，PolkaApps 也已合併代碼，將其前端頁面部署在 Crust 網絡中，實現真正的去中心化網頁部署。

參見：

https://github.com/polkadot-js/apps/pull/4933

同時，Crust 技術社區貢獻了開源 CI flow，支持在 Crust 網絡中去中心化地部署網站和 DApp。

更多技術詳情可加入 Crust Discord 羣組：https://discord.gg/UtbAuQt

在 IPFS 上搭建網站 / DApp 擁有衆多好處，例如無服務器架構、對 DNS 劫持有潛在抵禦能力（在使用 IPNS / ENS 技術時）以及可以確保網站的可靠性。Uniswap 作爲目前最廣爲人知的去中心化交易所之一，已經與 IPFS 合作集成長達一年，同時他們也在自己的博客中介紹了 IPFS 的集成信息。

本文詳細地闡述了整個過程，同時也介紹了使用 Crust 以更去中心化的方式來部署網站的方法。

1.在 IPFS 上管理 Uniswap

**

步驟 1：構建 Uniswap 網站

Uniswap 構建網站，最新版本的 Uniswap 的所有內容都會包含在一個 Build Folder 中。

步驟 2：上傳網站至 IPFS

通過 Pinata （一種 IPFS 生態的存儲服務，又叫 Pin 服務），Uniswap 上傳 Build Folder 到 IPFS 網絡，上傳後，任何人都可以通過 IPFS 網絡檢索到這個 BuildFolder。

**
**

步驟 3：在 IPFS 上 Pin 住

Uniswap 前端與 IPFS Pin 服務集成。目前集成的 Pin 服務包含：pinata.cloud 和 Crust Network，確保了 Build Folder 擴散在整個網絡中。

步驟 4：更新 DNS 記錄

Uniswap 前端的 DNS 配置，使網站能通過可讀的 URL app.uniswap.org 進行訪問。DNS 記錄配置如下：

● app.uniswap.org 的 CNAME 記錄，配置爲 cloudflare-ipfs.com

●_dnslink.app.uniswap.org 的 TXT 記錄，配置爲 dnslink=/ipfs/QmRELxvJy8rNA5EoCpYQkWKzxi5y1zCMmcM4UveBaNGuLo

在撰寫本文時，Uniswap 前端的 Content ID 爲 QmRELxvJy8rNA5EoCpYQkWKzxi5y1zCMmcM4UveBaNGuLo, 一旦 Uniswap 前端更新，該 ID 可能發生變化。

持續集成及部署 CICD

Uniswap 將上述步驟集成到 GitHub Actions 中，建立了自動化的 CI/CD 管道。

2.去中心化的 Uniswap 前端部署

Uniswap 使用 Crust Network 作爲其 Pin 服務之一，將部署去中心化。每當 Uniswap 前端更新時，相應的部署工作流程將會被自動執行，同時觸發 Crust IPFS Pin Actions。

Crust IPFS Pin Action 會幫助調用者在 Crust Network 上生成存儲訂單（一個包含網站 BuildFolder 的 IPFS 文件 ID 的鏈上訂單）。完成此操作後，網站的 build folder 將會通過 Crust Network 的存儲節點進行存儲和分發。下訂單的過程和文件分發過程均是去中心化的。

生成存儲訂單後，可以在鏈上查看到包括文件狀態和副本數量等信息，並可以通過 Crust Apps 進行查看。