web3.0系统开发技术详细介绍与分析

Web 3 的五个关键特性是去中心化、区块链、安全性、可扩展性和隐私。在 Web 3 的去中心化世界中，区块链技术和其他协议从根本上改变了数据的存储、分发和访问方式，同时提供了一个本地事务层。当下流行的Web3应用案例是去中心化金融（DeFi 和加密货币）、在称为“DAO”的去中心化治理模式中投票、以及作为所有权证明的不可伪造代币（NFT）。

建立在区块链上的投票应用程序，所有投票数据都是透明的，且任何人验证起来都很简便，因此不必再担心选举中发生徇私舞弊。这就是让 Web 3 “无需信人”的原因：该技术是透明的，并且通过密码学得到保护，因此不再是只能盲目信任某些机构。

NFT 可用于证明任何数字资产（如音乐或艺术）的所有权，让你可以更直接地支持创作者。

需要注意的是，Web 3 并不是要取代 Web 2，就像 Web 2 没有取代 Web 1 一样。对于 Web 1 中出现的静态网站，在 Web 上仍然占有重要地位。即使 Web 3 越来越受欢迎和使用，Web 2 应用程序也将有一席之地。

去中心化的应用程序（Dapps）

我们现在大致了解了什么是 Web 3，以及为什么去中心化的概念很重要。那么 Web3 应用程序实际上是什么样子的呢？

嗯……它们看起来很像 Web 2 应用程序！去中心化的应用程序，也称为“dapps”（或“dApps”），由一个前端 UI 组成，其与部署在区块链上的“智能合约”（一个小代码程序）交互。在交易或将数据写入区块链时，前端还可以与用户的钱包交互。与 Web 2 应用程序的主要区别在于，智能合约和区块链取代了由单个人或公司拥有和维护的经典的服务器和数据库。

networkChanged

监听网络变化

library?.provider.on('networkChanged', (e: any) => {
  // 切换网络后，尝试连接
  console.log('networkChanged', e)
})

wallet_switchEthereumChain

切换网络，代码参考基础能力封装的 Switch network 部分代码

eth_sendTransaction

拉起钱包签名交易

const params = [
  {
    from: account,
    to: CONTRACT,
    gas: web3.utils.toHex('76597'),
    gasPrice: web3.utils.toHex(web3.utils.toWei('5', 'gwei')),
    value: web3.utils.toHex(web3.utils.toWei(String(value))),
    data
  }
]

library.provider
  .request({
  method: 'eth_sendTransaction',
  params
})
  .then((result: any) => {
  console.log('Tx:', result)
})
  .catch((error: any) => {
  console.error(error.message)
})
  .finally(() => {
  setLoading(false)
})