作者：Lorenzo Sicilia，Outlier Ventures；翻譯：0xxz@喜來順財經(jīng)
盡管 Web3 涉及無需許可和可驗證性，但仍有太多項目擁有使用 AWS、GCP、Vercel、Netlify 等托管式的完全中心化前端。
這些平臺因其出色的開發(fā)者體驗和合理的成本而成為最受開發(fā)者歡迎的工具。部署完全去中心化的應(yīng)用程序并不簡單，工具也不成熟。?
在本文中，我們描述了如何輕松部署和托管完全去中心化的前端——只需一次性支付 0.003 美元即可購買約 1MB 的資產(chǎn)。
在 Outlier Ventures 產(chǎn)品和工程團隊中，我們花了很多時間討論和思考有助于塑造我們?nèi)ブ行幕磥淼男录夹g(shù)。你可以查看我們的 Web3 技術(shù)雷達。?
除了花時間幫助我們的投資組合公司做出正確的技術(shù)選擇之外，我們還自己構(gòu)建應(yīng)用程序 - 例如，Scott Canning 最近在 NEAR 上構(gòu)建的去中心化融資平臺項目。
我們決定在 Web3 堆棧上構(gòu)建更多內(nèi)容，并在此過程中撰寫許多不同的設(shè)計選擇，并在一系列博客文章中記錄我們的發(fā)現(xiàn)。??在本文中，我們將關(guān)注 DePIN，特別是去中心化存儲的主題。
各種 DePIN（去中心化物理基礎(chǔ)設(shè)施網(wǎng)絡(luò)）允許開發(fā)人員利用像AWS、谷歌云、Azure 等提供的同類服務(wù)，但以真正去中心化的方式。擁有閑置計算能力的參與者會被激勵將其資源貢獻給一個有效的云計算平臺，該平臺沒有中介機構(gòu)，也沒有總體的中心控制點或故障。
這篇文章解釋了：
DePIN和去中心化存儲的挑戰(zhàn)
我們?nèi)绾谓鉀Q托管挑戰(zhàn)
我們做出的技術(shù)選擇
Arweave 基礎(chǔ)知識
arweave-bundle 簡介，這是一個直接從 CI/CD 部署去中心化前端的庫。
如果前端中心化托管，那么 DApp 就不是真正去中心化的。如果網(wǎng)站前端不能登錄或包含漏洞或更糟糕如第三方破壞網(wǎng)站，用戶對它們?nèi)狈π判模敲磽碛袩o需許可合約有什么好處？
當(dāng)后端和前端都完全透明時，人們經(jīng)常重復(fù)的 “Don’t trust, verify”才會變得更有意義。
評估在何處托管 dApp 時需要牢記的一些驗收標(biāo)準：
1、確保不可篡改性和可訪問性：允許跟蹤公共基礎(chǔ)設(shè)施上已部署文件的版本控制，dApp 應(yīng)該是“不可停止的（unstoppable）”。
2、易于部署：易于發(fā)布新內(nèi)容并能夠與 CI/CD 集成。
3、成本：盡可能便宜
4、加密支付：一種我們可以使用代幣支付而不必被迫退回到法幣通道的服務(wù)
定義了這些要求后，我們確定了一些可用的選項：?
IPFS（使用我們托管的節(jié)點）
IPFS（使用第三方提供商）
Filecoin
Storj
Arweave
出于我們 dApp 的目的，我們決定盡量減少對 Pi?ata、Web3.storage 或 Infura 等任何第三方解決方案的依賴。雖然它們在易于部署等方面帶來了許多優(yōu)勢，但它們需要 API 密鑰，我們將其視為單點故障和控制風(fēng)險。只要有 API 密鑰，就無法保證不可篡改性和可達性。?
不可避免地存在權(quán)衡。在 Outlier，我們經(jīng)常采用 IPFS 來托管靜態(tài)內(nèi)容。我們甚至討論了托管我們自己的 IPFS 節(jié)點。這將為最終用戶提供驗證特定部署是否與已部署的代碼包的 CID 相匹配的機會，并且我們可以利用 IPNS 和 IPFS 以及 ENS 來允許可變的 IPFS CID 指針更新網(wǎng)站內(nèi)容并通過 HTTPS 啟用域名解析時。
然而，由于 IPFS 本身不是一個激勵網(wǎng)絡(luò)，因此將 dApp 固定到我們自己的節(jié)點可能會造成單點故障，這是我們嚴格試圖避免的。
我們研究了 IPFS 固定解決方案，例如https://web3.storage/，它提供了出色的開發(fā)人員體驗，但最終它是一個中心化解決方案，因為它基于他們持有的密鑰，并且允許他們隨時撤銷服務(wù)時間。這是一項有用的服務(wù)，但在這種情況下，我們決定它不會為我們提供我們所追求的完全去中心化的體驗。
出于同樣的原因，另一個解決方案https://filebase.com/被排除。
接下來，我們考慮了 Filecoin，它在 IPFS 之上提供了一個層，并激勵提供商通過將內(nèi)容固定到 IPFS 節(jié)點來提供存儲空間。以 Filecoin 向提供商支付費用，并且由于 IPFS 和 Filecoin 都是由 Protocol Labs 開發(fā)的，因此這是一種流暢且連貫的體驗。??如果不是他們的商業(yè)模式取決于交易，我們可能會選擇 Filecoin 。作為開發(fā)人員，我們不需要持續(xù)考慮向誰付款以及支付多少錢，因此對于我們的特定用例，我們也排除了 Filecoin。
我們的第三個選擇 Arweave 為我們提供了技術(shù)權(quán)衡，但最終是我們選擇的解決方案。雖然每次上傳的成本很低——每次大約 0.003 美元，而且該網(wǎng)絡(luò)已經(jīng)存在五年了，但工具和資源比 Filecoin 和 IPFS 生態(tài)系統(tǒng)中的要少，因此我們必須解決一些有趣的挑戰(zhàn)——包括開發(fā)我們的自己的庫，用于直接從我們的 CI/CD 捆綁和上傳。??
你可以在這里按照我們的步驟熟悉如何將內(nèi)容上傳到 Arweave（又名 Permaweb）。??
首先，我們熟悉了基礎(chǔ)知識。在我們決定構(gòu)建一個簡單的 React 應(yīng)用程序后，我們的第一站是https://cookbook.arweave.dev/，在那里我們找到了大量用于將數(shù)據(jù)上傳到 Arweave 的有用資源，包括部署應(yīng)用程序。
先決條件?
你需要安裝 Node，以及 npx 和 pnpm。你還需要一個交易所帳戶，可以在其中購買一些用于部署的 AR。我們使用 Arweave 的主網(wǎng)而不是測試網(wǎng)，因為它足夠便宜，可以進行實驗。
第一步是創(chuàng)建一個 Arwave 錢包并用一些 AR 為其提供資金。有趣的是，最簡單的方法是通過 CEX。
檢查資金是否已到達你的地址：https: //viewblock.io/arweave
創(chuàng)建你的錢包：
$ mkdir upload-arweave
$ pnpm install arweave?
$ node -e "require('arweave').init({}).wallets.generate().then(JSON.stringify).then(console.log.bind(console)) > wallet.json
現(xiàn)在你有了一個 wallet.json，其中包含你的私鑰和公鑰。通過運行查找地址：
npx arweave-bundler address
你需要提供少量 AR 資金。有趣的是，最簡單的方法是通過 CEX。
檢查資金是否已到達你的地址：https: //viewblock.io/arweave
之后，你可以開始編寫幾行代碼來部署某些內(nèi)容。
Arweave Hello World
首先創(chuàng)建一個簡單的網(wǎng)絡(luò)應(yīng)用程序。今天最簡單的就是`pnpm create vite`并選擇最適合你的默認值。
然后查看https://cookbook.arweave.dev/，你可以在其中找到大量用于將數(shù)據(jù)（包括部署應(yīng)用程序）上傳到 Arweave 的有用資源，或者繼續(xù)瀏覽博客文章以獲取好的方法。
創(chuàng)建一個名為 ar-deploy.js 的文件并粘貼以下內(nèi)容：
import Arweave from "arweave";?
import fs from "fs";?
// load the JWK wallet key file from disk?
const jwk = JSON.parse(fs.readFileSync('./wallet.json').toString());?
// initialize arweave?
const arweave = Arweave.init({ host: "arweave.net", port: 443, protocol: "https", });?
const tx = await arweave.createTransaction( { data: "Hello world!", }, jwk );?
await arweave.transactions.sign(tx, jwk);?
arweave.transactions.post(tx).then(console.log).catch(console.log); console.log(`https://arweave.net/${tx.id}`);
使用“node ar-deploy.js”運行它……你剛剛將第一個內(nèi)容部署到了 Permaweb！?這很好，但還不夠有用。?
下一步是上傳實際文件而不是字符串。為此，你需要處理標(biāo)簽。網(wǎng)關(guān)需要知道它正在提供什么類型的數(shù)據(jù)（例如圖像/png）。
import Arweave from 'arweave';?
import fs from "fs"; // load the JWK wallet key file from disk?
let key = JSON.parse(fs.readFileSync("walletFile.txt").toString());?
// initialize an arweave instance?
const arweave = Arweave.init({});?
// load the data from disk?
const imageData = fs.readFileSync(`iamges/myImage.png`);?
// create a data transaction?
let transaction = await arweave.createTransaction({ data: imageData }, key);?
// add a custom tag that tells the gateway how to serve this data to a browser?
transaction.addTag('Content-Type', 'image/png');?
// you must sign the transaction with your key before posting?
await arweave.transactions.sign(transaction, key);?
// create an uploader that will seed your data to the network?
let uploader = await arweave.transactions.getUploader(transaction);?
// run the uploader until it completes the upload.?
while (!uploader.isComplete) { await uploader.uploadChunk(); }
事情開始變得有趣，但在遍歷目錄并將所有文件發(fā)布到 Permaweb 之前，還有最后一個概念需要掌握：理解清單的概念。
將文件上傳到 Arweave 時，每個文件都會分配自己唯一的交易 ID。默認情況下，這些 ID 不以任何特定方式分組或組織。
因此，清單是一個 JSON 文件，其中包含一組文件的所有 ID。它還包含一個索引屬性，該屬性指向指向任何交易 ID 的別名。
{ "manifest": "arweave/paths",?
? "version": "0.1.0",?
? "index": { "path": "index.html" },?
? "paths": { "index.html": { "id": "cG7Hdi_iTQPoEYgQJFqJ8NMpN4KoZ-vH_j7pG4iP7NI" }, "js/style.css": { "id": "fZ4d7bkCAUiXSfo3zFsPiQvpLVKVtXUKB6kiLNt2XVQ" }, "css/style.css": { "id": "fZ4d7bkCAUiXSfo3zFsPiQvpLVKVtXUKB6kiLNt2XVQ" }, "css/mobile.css": { "id": "fZ4d7bkCAUiXSfo3zFsPiQvpLVKVtXUKB6kiLNt2XVQ" }, "assets/img/logo.png": { "id": "QYWh-QsozsYu2wor0ZygI5Zoa_fRYFc8_X1RkYmw_fU" }, "assets/img/icon.png": { "id": "0543SMRGYuGKTaqLzmpOyK4AxAB96Fra2guHzYxjRGo" } } }
Arweave 交易很便宜，但創(chuàng)建如此多的交易遠非理想，特別是當(dāng)網(wǎng)絡(luò)擁塞時。?
雖然此解決方案可行，但它不是最佳方案，因此我們轉(zhuǎn)向下一個解決方案：Arweave bundles ( ANS-104 )
交易捆綁是一種特殊類型的 Arweave 交易。它允許將多個其他交易和/或數(shù)據(jù)項捆綁在其中。由于交易包里含有許多嵌套交易，因此它們是 Arweave 能夠擴展到每秒數(shù)千個交易的關(guān)鍵。?
我們的主要要求是能夠?qū)⑽募唾Y產(chǎn)捆綁在一起，以便我們可以在構(gòu)建應(yīng)用程序后以原子方式上傳，從而擁有正確版本的 dApp，而不是零散地上傳單個文件。這也具有成本優(yōu)勢，因為這意味著我們只需為上傳付費一次。
我們考慮使用 Iris（以前稱為 Bundlr），它具有良好的開發(fā)人員體驗，包括允許使用許多代幣進行支付，支持不同的鏈并允許在 Arweave 和其他我們沒有的功能之上增加了一層額外的費用需要。?
你可以利用名為arbundles 的開源庫并添加一些粘合功能，從而在不使用 Irys 服務(wù)的情況下利用捆綁功能。
import { bundleAndSignData, createData } from "arbundles";?
const dataItems = [createData("some data"), createData("some other data")];
const signer = new ArweaveSigner(jwk);?
const bundle = await bundleAndSignData(dataItems, signer);
我們決定創(chuàng)建自己的 Arweave 實用程序，以便直接在 CI/CD 中利用捆綁功能，并使步驟始終可重復(fù)。?
在 Arweave Bundler 的公共存儲庫中，你將找到一個 GitHub Action 和 CLI，用于從目錄上傳靜態(tài)資產(chǎn)，這非常適合將單頁應(yīng)用程序 (Single Page App，SPA) 或其他靜態(tài)內(nèi)容發(fā)布到 Arweave。?
如果你想使用GitHub Action，配置如下：
uses: outlierventures/arweave-bundler-action@v0.3.1?
with: directory: build/?
private-key: ${secret.ARWEAVE_PRIVATE_KEY}?
dry-run: false network: arweave.net
確保將私鑰添加到存儲庫的 GitHub Secrets 中。如果你希望使用 CLI，請按照以下步驟捆綁和部署你的 Web 應(yīng)用程序：
npx arweave-bundler upload build/ --private-key ${PRIVATE_KEY}
始終確保你的私鑰存儲為環(huán)境變量。
Arweave 提供了一種廉價且便捷的方式來永久存儲 Web 應(yīng)用程序前端，證明去中心化存儲比中心化存儲更便宜。另一方面，雖然中心化存儲提供商擁有經(jīng)過驗證的商業(yè)模式，但我們需要等待 Arweave 模型是否能夠通過時間的考驗。主要挑戰(zhàn)是激勵調(diào)整，即費用。在一個沒有租金且只收取一次性費用的系統(tǒng)中，如果節(jié)點不再獲得足夠的獎勵，它們可能會決定離開。
雖然這個發(fā)現(xiàn)過程中最復(fù)雜的部分是在無法訪問大量文檔或示例的情況下找到我們的方法，但我們最終找到了一個有彈性的解決方案，我們希望其他開發(fā)人員能夠從使用 arweave-bundler 簡化其部署過程中受益。
我們的下一個任務(wù)是研究去中心化的域名管理。我們的下一篇文章將重點關(guān)注實施 ENS 和 ANT（Arweave 名稱代幣）所涉及的挑戰(zhàn)和決 策。
喜來順財經(jīng)
