作者：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)品和工程團(tuán)隊中，我們花了很多時間討論和思考有助于塑造我們?nèi)ブ行幕磥淼男录夹g(shù)。你可以查看我們的 Web3 技術(shù)雷達(dá)。?
除了花時間幫助我們的投資組合公司做出正確的技術(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ù)，但以真正去中心化的方式。擁有閑置計算能力的參與者會被激勵將其資源貢獻(xiàn)給一個有效的云計算平臺，該平臺沒有中介機(jī)構(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)準(zhǔn)：
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 密鑰，就無法保證不可篡改性和可達(dá)性。?
不可避免地存在權(quán)衡。在 Outlier，我們經(jīng)常采用 IPFS 來托管靜態(tài)內(nèi)容。我們甚至討論了托管我們自己的 IPFS 節(jié)點。這將為最終用戶提供驗證特定部署是否與已部署的代碼包的 CID 相匹配的機(jī)會，并且我們可以利用 IPNS 和 IPFS 以及 ENS 來允許可變的 IPFS CID 指針更新網(wǎng)站內(nèi)容并通過 HTTPS 啟用域名解析時。
然而，由于 IPFS 本身不是一個激勵網(wǎng)絡(luò)，因此將 dApp 固定到我們自己的節(jié)點可能會造成單點故障，這是我們嚴(yán)格試圖避免的。
我們研究了 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)，因為它足夠便宜，可以進(jìn)行實驗。
第一步是創(chuàng)建一個 Arwave 錢包并用一些 AR 為其提供資金。有趣的是，最簡單的方法是通過 CEX。
檢查資金是否已到達(dá)你的地址：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。
檢查資金是否已到達(dá)你的地址：https: //viewblock.io/arweave
之后，你可以開始編寫幾行代碼來部署某些內(nèi)容。
Arweave Hello World
首先創(chuàng)建一個簡單的網(wǎng)絡(luò)應(yīng)用程序。今天最簡單的就是`pnpm create vite`并選擇最適合你的默認(rèn)值。
然后查看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。默認(rèn)情況下，這些 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)建如此多的交易遠(yuǎn)非理想，特別是當(dāng)網(wǎng)絡(luò)擁塞時。?
雖然此解決方案可行，但它不是最佳方案，因此我們轉(zhuǎn)向下一個解決方案：Arweave bundles ( ANS-104 )
交易捆綁是一種特殊類型的 Arweave 交易。它允許將多個其他交易和/或數(shù)據(jù)項捆綁在其中。由于交易包里含有許多嵌套交易，因此它們是 Arweave 能夠擴(kuò)展到每秒數(shù)千個交易的關(guān)鍵。?
我們的主要要求是能夠?qū)⑽募唾Y產(chǎn)捆綁在一起，以便我們可以在構(gòu)建應(yīng)用程序后以原子方式上傳，從而擁有正確版本的 dApp，而不是零散地上傳單個文件。這也具有成本優(yōu)勢，因為這意味著我們只需為上傳付費一次。
我們考慮使用 Iris（以前稱為 Bundlr），它具有良好的開發(fā)人員體驗，包括允許使用許多代幣進(jìn)行支付，支持不同的鏈并允許在 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)
