一文让你5分钟搞懂Web3架构。

新手教程5个月前更新 领域OK
162 0 0

 风险提示:防范以"数字货币""区块链"名义进行非法集资的风险

Web3通过区块链基础设施管理用户数据,重构了用户和互联网平台之间的关系,定义了全新的构建互联网应用的架构模式。原文: Web3 Architecture[1]

芝麻开门
芝麻开门(Gateio)

注册芝麻开门享最高$2,800好礼。

币安
币安(Binance)

币安是世界领先的数字货币交易平台,注册领100U。

一文让你5分钟搞懂Web3架构。Shubham Dhage@Unsplash

Web 1.0 = 只读网站,如Yahoo!, MSN,谷歌等。

Web 2.0 = 可读+可写的网站,用户之间可以互动,但互联网平台仍然控制着用户数据和信息,如Facebook, Twitter, Youtube, Blogger, Amazon, Wikipedia, Flickr等。

Web 3.0 = 可读+可写+拥有。用户和互联网平台是独立存在的,可以拒绝填写身份信息,不需要同意任何隐私协议。用户可以通过数字密钥或钱包登录任何平台。

Web2基础架构

一文让你5分钟搞懂Web3架构。图片来源: https://blog.itsrakesh.co/web-20-architecture-vs-web-30-architecture

  • 前端代码 = 定义交互逻辑
  • 后端代码 = 定义处理请求的业务逻辑
  • 数据库 = 存储所有数据

一文让你5分钟搞懂Web3架构。图片来源: https://blog.itsrakesh.co/web-20-architecture-vs-web-30-architecture

  • 客户端->服务端->数据库->服务端->客户端
  • 然而,真正的过程可能比较复杂,涉及缓存、队列等

Web3基础架构

  • 前端保持与Web2应用程序相同
  • 只改变后端
  • 前端与底层区块链网络交互
  • 交互层发起事务并写入数据,在链上索引并读取数据

一文让你5分钟搞懂Web3架构。图片来源: https://blog.itsrakesh.co/web-20-architecture-vs-web-30-architecture

  • 基于协议构建dApp
  • 区块链协议和智能合约取代特定业务逻辑的后端代码
  • 前端代码直接与区块链网络交互
  • 智能合约 = 定义业务逻辑
  • 以太坊虚拟机 = 在不同操作环境下,按照相同的业务逻辑进行数据计算和处理
  • 区块链 = 数据被打包成块,永久存储在链上
  • 前端->智能合约->EVM->区块链->前端
  • 节点是应用程序和区块链网络之间的关键
  • 两种主流实现方式:
    1. 自己构建和运行节点
    2. 使用第三方提供的节点服务
  • 在Web2中,身份信息存储在平台上
  • 在Web3中,身份信息基于公钥和私钥。钱包(Metamask)被用作访问任何web3应用程序的接口。
  • 星际文件系统(IPFS, Interplanetary File System) – 一种网络传输协议,旨在创建持久和分布式存储以及共享文件,也是一个点对点超媒体分发协议。
  • Swarm是一种去中心化的存储、服务和通信协议,为dApp的部署提供无许可、抗审查的基础设施。
  • 由于数据被打包在每个块中并链接在一起,因此是一个链表结构。解码需要处理链上的加密数据。API用于查询和索引数据。
  • 除此之外,web服务用于提供一些特效以及其他业务逻辑并返回给前端。

一文让你5分钟搞懂Web3架构。图片来源: https://cointelegraph.com/news/the-future-of-the-internet-inside-the-race-for-web3-s-infrastructure


Web3技术栈

  1. Solidity[2]
  2. Subgraph[3]
  3. Price Oracle[4]
  4. Hardhat[5]
  5. Ganache[6]
  6. Truffle[7]
  7. Brownie[8]
  8. Ethers.js[9]
  9. Light[10]
  10. React.js[11]
  11. Next.js[12]

Web3是一个令人兴奋的机会,可以远离传统的软件开发环境尝试一些新东西。

参考资料

The future of the internet: Inside the race for Web3’s infrastructure[13]

The Architecture of a Web 3.0 application[14]

Decoding Ethereum smart contract data[15]

Ethereum Blockchain App using Ganache[16]

Web 2.0 app architecture Vs Web 3.0 app architecture[17]

Remix – Ethereum IDE & Community[18]

参考资料

[1]Web3 Architecture: https://learn.block6.tech/web3-architecture-9a108376bd6d

[2]Solidity: https://docs.soliditylang.org/en/v0.8.17

[3]Subgraph: https://thegraph.com/docs/en/developing/creating-a-subgraph

[4]Price Oracle: https://docs.aave.com/developers/v/1.0/developing-on-aave/the-protocol/price-oracle

[5]Hardhat: https://hardhat.org

[6]Ganache: https://trufflesuite.com/ganache

[7]Truffle: https://trufflesuite.com

[8]Brownie: https://eth-brownie.readthedocs.io/en/stable

[9]Ethers.js: https://docs.ethers.io/v5

[10]Light: https://light.so/docs

[11]React.js: https://reactjs.org

[12]Next.js: https://nextjs.org

[13]The future of the internet: Inside the race for Web3’s infrastructure: https://cointelegraph.com/news/the-future-of-the-internet-inside-the-race-for-web3-s-infrastructure

[14]The Architecture of a Web 3.0 application: https://www.preethikasireddy.com/post/the-architecture-of-a-web-3-0-application

[15]Decoding Ethereum smart contract data: https://towardsdatascience.com/decoding-ethereum-smart-contract-data-eed513a65f76

[16]Ethereum Blockchain App using Ganache: https://medium.com/@vshwsnahar3/ethereum-blockchain-app-using-ganache-truffle-solidity-web3-js-40dfc5369c91

[17]Web 2.0 app architecture Vs Web 3.0 app architecture: https://blog.itsrakesh.co/web-20-architecture-vs-web-30-architecture

[18]Remix – Ethereum IDE & Community: https://remix-project.org

转自:https://mp.weixin.qq.com/s/nNwGda0LwL4DKWWoQ81pVA

© 版权声明

相关文章

暂无评论

您必须登录才能参与评论!
立即登录
none
暂无评论...