认识 Permaweb，从 PermaApp 的前端部署开始

作者：Kyle

审阅：Sandy

来源：内容公会 - 新闻

PermaApp 指的是部署在 Permaweb 上的去中心化应用（dApp），其所有数据都存储于 Arweave 网络，因此也被称为 Arweave 原生应用。everPay、Permaswap 和 ArDrive 等都是典型代表。

这些应用之所以能够摆脱中心化服务器的束缚，实现真正的去中心化运行，正是因为它们依托于 Permaweb 的支持。要理解 PermaApp 的前端如何做到永久在线，我们首先需要弄清什么是 Permaweb。

Permaweb：永不消失的互联网

Permaweb 是构建在 Arweave 之上的永久互联网层，它承载着图片、视频、网页和应用等多种数据，构成了一个永不消失的互联网。不同于传统互联网，Permaweb 上的所有数据都是永久存储、不可篡改且可追溯的。

用户可以像访问普通网站一样，通过浏览器直接访问存储在 Arweave 上的内容。而 PermaApp 的前端页面，就是 Permaweb 将这些数据有序组织、拼装为网页形式的成果。

PermaApp 前端页面是如何部署的？

相比其他区块链应用，PermaApp 实现了更彻底的去中心化。它的前端页面无需依赖中心化服务器托管，而是使用 Arweave 的去中心化存储网络，并采用客户端渲染（CSR） 模式呈现。整个流程可分为上传代码、加载资源和渲染页面 三个关键步骤。

1. 上传代码：将前端部署到 Arweave

开发者将 PermaApp 的前端代码打包并上传到 Arweave 网络，代码包含页面展示和交互的所有资源，例如：

• HTML：定义页面结构，如按钮、文字和图片的位置。
• CSS：控制页面的样式，包括颜色、字体和布局。
• JavaScript：实现交互功能，如按钮点击后的弹窗。
• 多媒体文件：图片、视频和音频等。

每个文件上传后都会生成一个永久的交易 ID（即唯一链接）。其中，主页面的 HTML 文件通常作为页面的入口，开发者只需公开对应的交易 ID 或链接，用户即可访问该页面。

2. 用户访问：通过 Arweave 网关加载资源

用户访问 PermaApp 的体验与浏览普通网站相似。浏览器向 Arweave 网关发出请求，网关会从 Arweave 网络中获取所需的 HTML、CSS、JavaScript 和多媒体文件。

因为所有资源都保存在 Arweave 上，不依赖于 AWS 等传统云服务器，这些页面不会因服务器宕机而失效。无论风雨变幻，每一个 PermaApp 页面始终在线，为用户提供稳定的访问体验。

3. 渲染：页面在浏览器中呈现

当浏览器下载完代码后，便会将其解析、拼装为完整的页面：

• 解析 HTML 后搭建页面框架；
• 加载 CSS 为页面添加样式；
• 运行 JavaScript 实现交互功能;

由于这些渲染工作都在用户的浏览器中完成，这种客户端渲染（CSR） 模式无需依赖后台服务器，不仅提升了访问效率，还确保了应用的高度可靠性。

总结

Permaweb 作为连接 Arweave 和 PermaApp 的桥梁，它将存储在 Arweave 上的去中心化数据有序组织起来，并以页面的形式展现给用户。

通过客户端渲染（CSR），PermaApp 的前端页面彻底摆脱了传统服务器的限制，实现了无缝的用户体验。同时，这种架构让应用具备了抗审查性和永久性。即便时间流逝，应用的页面和数据也始终在线，用户可以随时访问。

从代码上传到页面渲染，PermaApp 的每一个环节都展现了 Permaweb 的独特价值——一个属于未来的互联网，稳固、透明、永不消失。

免责声明：本文不代表 PermaDAO 的观点或立场。PermaDAO 不提供投资建议，亦不为任何项目背书。请读者遵守所在国法律，合规进行 Web3 活动。

🔗 关于 PermaDAO：Website | Twitter | Telegram | Discord | Medium | Youtube