truffle開發模板box大全

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。

安裝drizzle模板很簡單，進入一個空的項目目錄，執行以下命令便可：

~/drizzle-app$ truffle unbox drizzle
複製代碼

Drizzle是truffle提供的用於訪問以太坊智能合約的react庫，若是你不但願在react應用中引入額外的依賴，能夠使用下面的react開發模板。

react box

react開發模板包含了在react應用中訪問以太坊智能合約的全部依賴。不一樣於drizzle，這個react模板不須要使用Drizzle。

安裝react模板很簡單，進入一個空的項目目錄，執行以下命令便可：

~/react-app$ truffle unbox react
複製代碼

react-auth box

若是你的react應用須要鑑權功能，react-auth開發模板會更適合，它除了Webpack和React以外，還包含了react-router、redux和redux-auth-wrapper，能夠方便地實現基於智能合約的身份驗證。

與以前相似的方法安裝react-atuh開發模板：

~/react-auth-app$ truffle unbox react-auth
複製代碼

tutorialtoken box

tutorialtoken開發模板包含了一個完整的ERC20代幣實現項目，基於Open Zepplin的智能合約庫實現。

與以前相似的方法安裝tutorialtoken開發模板：

~/tutorialtoken-app$ truffle unbox tutorialtoken
複製代碼

react-uport box

react-uport開發模板除了包含Webpack和React，補充瞭如下內容：react-router、redux和基於UPort的redux-auth-wrapper，是上手UPort的最簡單方式。

與以前相似的方法安裝react-uport開發模板：

~/react-uport-app$ truffle unbox react-uport
複製代碼

pet-shop box

pet-shap開發模板提供了一個寵物商店DApp的完整項目代碼。

與以前相似的方法安裝pet-shopt開發模板：

~/pet-shop-app$ truffle unbox pet-shop
複製代碼

blueprint box

blueprint開發模板是一個特殊的模板，用於開發你本身的模板。

metacoin box

metacoin開發模板包含了一個簡單的以太坊代幣實現。

與以前相似的方法安裝metacoin開發模板：

~/metcoin-app$ truffle unbox metacoin
複製代碼

webpack box

webpack開發模板適用於使用Webpack的前端項目，包含合約、遷移、測試、用戶界面和webpack構建流水線。

與以前相似的方法安裝webpack開發模板：

~/webpack-app$ truffle unbox webpack
複製代碼

endless-nameless-inc/cheshire

cheshire開發模板支持快速的加密貓（CryptoKitties）開發，它包含了加密貓智能合約和web api的本地實現。

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開發的用戶。

與以前相似的方法安裝eth-vue開發模板：

~/eth-vue-app$ truffle unbox DOkwufulueze/eth-vue
複製代碼