用 Arweave + React 创建 Permaweb 应用

PermaDAO
更新于 2023-08-12 13:37
阅读 1333

在本指南的最后，你将可以构建一个去中心化的类似 Twitter 的应用，并永久地部署在 arweave 上。由于数据和前端都存储在 arweave 上，所以任何第三方或不良行为者都无法审查或删除它们。所有这一切的成本都不到一分钱!

*Web3 正在加速发展，Arweave 作为基础设施将被更多的开发者采用，创造一个全新的、更加丰富多彩的生态系统。 PermaDAO 正是为此而建立起来的共建者社区。所以参与的人都能在这里找到自己的角色来贡献 Arweave 生态，任何关于 Arweave 的提案与任务都可以发布于此，并得到整个社区的支持与回馈。 加入PermaDAO，建设 Web3！*
**翻译自愿者：Wang Victoria @ Contributer of PermaDAO**

**审校自愿者：Sandy @ Contributer of PermaDAO**
##

# ****用 Arweave + React 创建 Permaweb 应用****

## ****我们在构建什么？****

在深入研究之前，让我们快速讨论一下我们想要实现的目标。

## ****一个去中心化的 Twitter****

我们假设你已经对 React 有了一定的了解，并从一个示例应用开始——填充 Arweave 的特定功能，学习如何直接在 Arweave 上构建。

我们将利用 Arweave 的现有协议，即  [公共广场协议](https://gist.github.com/samcamwilliams/811537f0a52b39057af1def9e61756b2) （Public Square protocol）和 arweave 帐户（arweave-account），而不是重新发明轮子。这种在现有协议之上构建的方式被称为 **composability（可组合性**），这是 web3 的重要组成部分。它可以在现有的构建块之上进行快速迭代和探索，而不必每次都从头开始创造。

## 主题

本指南分为几个部分，根据你的经验，每个大约需要20-30分钟来完成。你对 React 的理解程度取决于 [ReactJS 教程](https://reactjs.org/tutorial/tutorial.html) 所教的内容，如果你还不熟悉 React JS，这是一个很好的开始。

1. [查询 Arweave](https://arwiki.wiki/#/en/creating-a-dapp-01)  (25-30 分钟)
2. [整合 arweave-js](https://arwiki.wiki/#/en/creating-a-dapp-02) (25-30 分钟)
3. [请求交易](https://arwiki.wiki/#/en/creating-a-dapp-03) (15-20 分钟)
4. [整合 arweave 账号](https://arwiki.wiki/#/en/creating-a-dapp-04) (15-20 分钟)
5. [打磨及部署](https://arwiki.wiki/#/en/creating-a-dapp-05) (25-30 分钟)

## 
**关于 PermaDAO**：[Website](https://www.notion.so/PermaDAO-76e627a9044548498d02b8fe4e962720?pvs=21) | [Twitter](https://twitter.com/perma_daoCN) | [Telegram](https://t.me/+UEnIssIHTn0wZDc1) | [Discord](https://discord.gg/y6CmaAdVD8)| [Medium](https://medium.com/@permadao) | [Youtube](https://www.youtube.com/@permadao)

![0.png](https://img.learnblockchain.cn/attachments/2023/08/xznk1bvp64d1ed1274072.png)

Web3 正在加速发展，Arweave 作为基础设施将被更多的开发者采用，创造一个全新的、更加丰富多彩的生态系统。 PermaDAO 正是为此而建立起来的共建者社区。所以参与的人都能在这里找到自己的角色来贡献 Arweave 生态，任何关于 Arweave 的提案与任务都可以发布于此，并得到整个社区的支持与回馈。加入PermaDAO，建设 Web3！ 翻译自愿者：Wang Victoria @ Contributer of PermaDAO

审校自愿者：Sandy @ Contributer of PermaDAO

用 Arweave + React 创建 Permaweb 应用

我们在构建什么？

在深入研究之前，让我们快速讨论一下我们想要实现的目标。

一个去中心化的 Twitter

我们假设你已经对 React 有了一定的了解，并从一个示例应用开始——填充 Arweave 的特定功能，学习如何直接在 Arweave 上构建。

我们将利用 Arweave 的现有协议，即公共广场协议（Public Square protocol）和 arweave 帐户（arweave-account），而不是重新发明轮子。这种在现有协议之上构建的方式被称为 composability（可组合性），这是 web3 的重要组成部分。它可以在现有的构建块之上进行快速迭代和探索，而不必每次都从头开始创造。