从零开始学区块链之初识dapp开发

## 背景 之前对<a href="https://lanhainft.com/tag/%e5%8c%ba%e5%9d%97%e9%93%be" title="区块链flickr.photos.notes.edit>区块链</a>的认知一直停留在挖矿、炒币的阶段。在国内封禁了挖矿和炒币之后，还以为<a href="https://lanhainft.com/tag/%e5%8c%ba%e5%9d%97%e9%93%be" title="区块链flickr.photos.notes.edit>区块链</a>的风口就过去了。万万没想到，大家的NTF还挺火的。于是有了更深入了解的动力。 ## 什么是DApp **app** 大家熟悉吧。就是我们常用的各种应用。那 **d** 是什么呢？ <a href="https://lanhainft.com/tag/%e5%8c%ba%e5%9d%97%e9%93%be" title="区块链flickr.photos.notes.edit>区块链</a>的去中心化特性大家应该是熟悉的，那去中心化用英语怎么说？**decentralization** 就是了。按照惯例，取个首字母加上去，就成了DApp，即去中心化应用 ## DApp能干什么 你现在手机上的app能干嘛，从理论上基本都可以。但是对交易速度有要求的就不太合适了，毕竟<a href="https://lanhainft.com/tag/%e5%8c%ba%e5%9d%97%e9%93%be" title="区块链flickr.photos.notes.edit>区块链</a>的一个特性就是速度慢 ### 怎么开发DApp 作为一个多年的app开发人员，对DApp的开发欲望是无法控制的。那么我就聊下DApp的开发流程。 ## DApp的整体框架  整个看来，架构有三大部分 1、<a href="https://lanhainft.com/tag/%e5%8c%ba%e5%9d%97%e9%93%be" title="区块链flickr.photos.notes.edit>区块链</a>以及本身提供的能力 2、三方钱包等提供的能力 3、我们要写的DApp部分 前两部分，不需要我们参与开发，我们能做的，最多就是选择用哪个。 但是第三部分就不一样了，这个才是我们的主战场 ## DApp开发架构 从我们开发的Dapp来说，也可以分为三层 1、和<a href="https://lanhainft.com/tag/evm" title="EVMflickr.photos.notes.edit>EVM</a>交互的合约层 2、和合约层、钱包交互的交互库 3、做业务的业务层，该层会和用户以及第二层交互  ## 开发DApp的准备 ### 技术选型 1、链用的是ETH 2、钱包使用了[MetaMask](https://docs.metamask.io/guide/#why-metamask)，这是一个比较完善的钱包了 3、合约层用的是[solidity](https://learnblockchain.cn/docs/solidity/index.html) 4、交互库 用的比较多的是[web3js](https://learnblockchain.cn/docs/web3js-0.2x/#) 5、业务层框架的话，就看自己喜欢用什么了，vue、react 都是OK的 ### 环境搭建 为了做开发，那一定是要有一个开发环境的。 到DApp的开发中来说，4、5是前端的知识，这个部分自己去解决，默认大家都懂了； 那我们现在要解决的就是模拟链（毕竟真链上的操作都是要花钱的）、钱包和合约的问题测试环境 1、链的模拟的话，我们可以用[ganache](http://trufflesuite.com/ganache/) 2、钱包用MetaMask 3、solidity既然是一个编程语言，并且要跑再<a href="https://lanhainft.com/tag/evm" title="EVMflickr.photos.notes.edit>EVM</a>上，那就有 编写、编译、测试和调试的地方，这里推荐使用[remix](https://remix.ethereum.org/#optimize=false&runs=200&evmVersion=null&version=soljson-v0.5.17+commit.d19bba13.js) ## 总结 大家先对DApp的开发有个整体的了解，我在后续会完善其他的后续部分