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

  • PermaDAO
  • 更新于 2024-10-17 16:58
  • 阅读 141

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

1.png

作者: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 的独特价值——一个属于未来的互联网,稳固、透明、永不消失。


a.png

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

🔗 关于 PermaDAO:Website | Twitter | Telegram | Discord | MediumYoutube

点赞 0
收藏 0
分享

0 条评论

请先 登录 后评论
PermaDAO
PermaDAO
0x40F9...8718
Arweave 生态系统的共建者 DAO。 @ArweaveEco will be adopted by more developers. All projects of Arweave ecology can post their tasks and rewards here. @everVisionHQ@permaswap@ArweaveSCP