一、需求背景

　　突然接到公司领导旨意，公司开了一个web3的项目，现在缺少一个门户kaifa，也参与门户的后端kaifa。领导找到我，让我自学下Vue用于门户kaifa。

　　涉及的Web3钱包为以下二类：

　　中心化Web3钱包：整合在金融APP中，钱包证书由平台方统一管理；

　　去中心化Web3钱包：可以采用市面上常用的数字货币钱包，例如Metamask、imToken等热钱包，以及Ledger等冷钱包，钱包证书由钱包持有者自行管理。

　　二、名词学习

　　1.web3

　　web3是什么

　　web1时代，是静态页面时代，人机交换少；

　　web2是用户互联时代，其中中心化寡头控制着用户的所有数据，比如TX；

　　web3是一个自由、安全，由用户共同治理的互联网。概念是去中心化，意味着没有中心化服务器，主要存在于中。虽然目前在概念阶段，但在国外非常吸金，看看bitebi就明白了，1个bitebi的价值确是实打实的真金白银，对于投资者也是很热门的。

　　2.去中心化钱包

　　去中心化钱包，所谓去中心化就是没有中心服务者管理的钱包，目前比较主流的有很多，Coinbase，imToken，AToken，HyperPay，TokenPocket，比特派，Jaxx钱包，Blockchain这些都是。

　　去中心化钱包，私钥保存在用户自己的手里，资产存储在上，用户是真正的数字货币的持有者，钱包只是帮助用户管理链上资产和读取数据的一个工具。

　　因此去中心化的钱包很难被黑客集中攻击，用户也不必担心钱包服务商的自我窃取或者跑路，因为只要创建钱包的时候自己把私钥保管好，你的资产依然在链上，换个钱包一样可以显示出来的。

　　3.中心化钱包

　　也称链下钱包（Offchain），完全依赖运行这个钱包的公司和服务器，存在交易所里的bitebi就是中心化钱包（链下钱包）里保存的。私钥不属于用户所有，但在中心化服务器托管链中的钱包项目端，通常资金也委托给服务器。

　　4.

　　它是一个共享数据库，存储于其中的数据或信息，具有“不可伪造”“全程留痕”“可以追溯”“公开透明”“集体维护”等特征。源自于bitebi。

　　区块是一个一个的存储单元，记录了一定时间内各个区块节点全部的交流信息。

　　各个区块之间通过随机散列(也称哈希算法)实现链接，后一个区块包含前一个区块的哈希值，随着信息交流的扩大，一个区块与一个区块相继接续，形成的结果就叫。

　　5.ethers.js

　　ethers.js库旨在为以太坊及其生态系统提供一个小而完整的JavaScriptAPI库。与web3.js相比ethers.js接口API相对简单，便于学习和使用。API地址：Documentation

　　6.Vue

　　vue是一个用于创建用户界面的开源JavaScript框架，也是一个创建单页应用的Web应用框架；Vue所关注的核心是MVC模式中的视图层，同时，它也能方便地获取数据更新，并通过组件内部特定的方法实现视图与模型的交互。

　　7.以太坊

　　以太坊是一个可编程、可视化、更易用的，它允许任何人编写智能合约和发行代币ETH。就像bitebi一样，以太坊是去中心化的，由全网共同记账，账本公开透明且不可窜改。与bitebi不同的是，以太坊是可编程的，它提供了一套图灵完备的脚本语言，因此，kaifa人员可以直接用C语言等语言编程，转换成汇编语言。这里要了解合约和代发币概念。

　　8.小狐狸钱包

　　MetaMask在谷歌浏览器Chrome上使用的插件类型的一款以太坊钱包，这种钱包是不用进行下载的，只用在谷歌浏览器添加对应的扩展程序就可以了，而且它是轻量级的，用起来就会很方便。它还有像Mist那样的钱包功能，可以让用户管理自己的账户，通过Web3JavaScriptAPI，让DApp与以太坊进行交互。