truffle是的最流行的以太坊DApp开发框架，它的一大优势就是支持众多的DApp开发模板，这些开发模板被称为box，其中可以包含solidity合约、前端视图库等，可以极大地简化以太坊DApp的开发。本文将介绍truffle官方提供的各种box。
要快速掌握以太坊应用开发，推荐这个教程：以太坊智能合约与DApp开发入门
在安装各种box之前，需要首先全局安装truffle和ganache-cli仿真器：
~$ npm install -g truffle
~$ npm install -g ganache-cli
drizzle box
drizzle开发模板包含了在react应用中使用Drizzle访问以太坊智能合约的所有依赖。它包含drizzle、drizzle-react和drizzle-react-components。
image
安装drizzle模板很简单，进入一个空的项目目录，执行如下命令即可：
~/drizzle-app$ truffle unbox drizzle
Drizzle是truffle提供的用于访问以太坊智能合约的react库，如果你不希望在react应用中引入额外的依赖，可以使用下面的react开发模板。
react box
react开发模板包含了在react应用中访问以太坊智能合约的所有依赖。不同于drizzle，这个react模板不需要使用Drizzle。
image
安装react模板很简单，进入一个空的项目目录，执行如下命令即可：
~/react-app$ truffle unbox react
react-auth box
如果你的react应用需要鉴权功能，react-auth开发模板会更适合，它除了Webpack和React之外，还包含了react-router、redux和redux-auth-wrapper，可以方便地实现基于智能合约的身份验证。
image
与之前类似的方法安装react-atuh开发模板：
~/react-auth-app$ truffle unbox react-auth
tutorialtoken box
tutorialtoken开发模板包含了一个完整的ERC20代币实现项目，基于Open Zepplin的智能合约库实现。
image
与之前类似的方法安装tutorialtoken开发模板：
~/tutorialtoken-app$ truffle unbox tutorialtoken
react-uport box
react-uport开发模板除了包含Webpack和React，补充了以下内容：react-router、redux和基于UPort的redux-auth-wrapper，是上手UPort的最简单方式。
image
与之前类似的方法安装react-uport开发模板：
~/react-uport-app$ truffle unbox react-uport
pet-shop box
pet-shap开发模板提供了一个宠物商店DApp的完整项目代码。
image
与之前类似的方法安装pet-shopt开发模板：
~/pet-shop-app$ truffle unbox pet-shop
blueprint box
blueprint开发模板是一个特殊的模板，用于开发你自己的模板。
image
metacoin box
metacoin开发模板包含了一个简单的以太坊代币实现。
image
与之前类似的方法安装metacoin开发模板：
~/metcoin-app$ truffle unbox metacoin
webpack box
webpack开发模板适用于使用Webpack的前端项目，包含合约、迁移、测试、用户界面和webpack构建流水线。
image
与之前类似的方法安装webpack开发模板：
~/webpack-app$ truffle unbox webpack
endless-nameless-inc/cheshire
cheshire开发模板支持快速的加密猫（CryptoKitties）开发，它包含了加密猫智能合约和web api的本地实现。
image
cheshire的特性如下：
- 运行加密猫智能合约的以太坊测试网
- 运行加密猫 web api的最小实现http服务：
- /kitties
- /kitties/:id
- /user/:address
- 简单的nodejs框架用来启动应用
与之前类似的方法安装cheshire开发模板：
~/cheshire-app$ truffle unbox endless-nameless-inc/cheshire
DOkwufulueze/eth-vue
eth-vue开发模板适合使用vue框架进行dapp开发的用户。
image
与之前类似的方法安装eth-vue开发模板：
~/eth-vue-app$ truffle unbox DOkwufulueze/eth-vue
网友评论