truffle开发模板box大全

truffle是的最流行的以太坊DApp开发框架,它的一大优势就是支持众多的 DApp开发模板,这些开发模板被称为box,其中可以包含solidity合约、 前端视图库等,可以极大地简化以太坊DApp的开发。本文将介绍truffle官方 提供的各种box。

要快速掌握以太坊应用开发,推荐这个教程:以太坊智能合约与DApp开发入门

在安装各种box之前,需要首先全局安装truffle和ganache-cli仿真器:

1
2
~$ npm install -g truffle
~$ npm install -g ganache-cli

drizzle box

drizzle开发模板包含了在react应用中使用Drizzle访问以太坊智能合约的所有依赖。它包含 drizzle、drizzle-react和drizzle-react-components。

安装drizzle模板很简单,进入一个空的项目目录,执行如下命令即可:

1
~/drizzle-app$ truffle unbox drizzle

Drizzle是truffle提供的用于访问以太坊智能合约的react库,如果你不希望在react应用中 引入额外的依赖,可以使用下面的react开发模板。

react box

react开发模板包含了在react应用中访问以太坊智能合约的所有依赖。不同于drizzle, 这个react模板不需要使用Drizzle。

安装react模板很简单,进入一个空的项目目录,执行如下命令即可:

1
~/react-app$ truffle unbox react

react-auth box

如果你的react应用需要鉴权功能,react-auth开发模板会更适合,它除了Webpack和React 之外,还包含了react-router、redux和redux-auth-wrapper,可以方便地实现基于智能合约 的身份验证。

与之前类似的方法安装react-atuh开发模板:

1
~/react-auth-app$ truffle unbox react-auth

tutorialtoken box

tutorialtoken开发模板包含了一个完整的ERC20代币实现项目,基于Open Zepplin的智能 合约库实现。

与之前类似的方法安装tutorialtoken开发模板:

1
~/tutorialtoken-app$ truffle unbox tutorialtoken

react-uport box

react-uport开发模板除了包含Webpack和React,补充了以下内容:react-router、redux 和基于UPort的redux-auth-wrapper,是上手UPort的最简单方式。

与之前类似的方法安装react-uport开发模板:

1
~/react-uport-app$ truffle unbox react-uport

pet-shop box

pet-shap开发模板提供了一个宠物商店DApp的完整项目代码。

与之前类似的方法安装pet-shopt开发模板:

1
~/pet-shop-app$ truffle unbox pet-shop

blueprint box

blueprint开发模板是一个特殊的模板,用于开发你自己的模板。

metacoin box

metacoin开发模板包含了一个简单的以太坊代币实现。

与之前类似的方法安装metacoin开发模板:

1
~/metcoin-app$ truffle unbox metacoin

webpack box

webpack开发模板适用于使用Webpack的前端项目,包含合约、迁移、 测试、用户界面和webpack构建流水线。

与之前类似的方法安装webpack开发模板:

1
~/webpack-app$ truffle unbox webpack

endless-nameless-inc/cheshire

cheshire开发模板支持快速的加密猫(CryptoKitties)开发,它包含了加密猫智能合约 和web api的本地实现。

cheshire的特性如下:

  • 运行加密猫智能合约的以太坊测试网
  • 运行加密猫 web api的最小实现http服务:
    • /kitties
    • /kitties/:id
    • /user/:address
  • 简单的nodejs框架用来启动应用

与之前类似的方法安装cheshire开发模板:

1
~/cheshire-app$ truffle unbox endless-nameless-inc/cheshire

DOkwufulueze/eth-vue

eth-vue开发模板适合使用vue框架进行dapp开发的用户。

与之前类似的方法安装eth-vue开发模板:

1
~/eth-vue-app$ truffle unbox DOkwufulueze/eth-vue