使用truffle-box部署合约到区块链并运行

使用truffle-box部署合约到区块链

本文介绍如何使用truffle结合vue框架部署智能合约

Truffle是以太坊最流行的开发框架，能够在本地编译、部署智能合约，使命是让开发更容易。这里尝试搭建环境，运行第一个区块链程序（Dapp）

npm install -g truffle // Version 3.0.5+ required.
npm install -g ethereumjs-testrpc

首先我们需要去truffle官网
使用truffle-box部署合约到区块链并运行
点击 boxes
里面有很多搭建好的脚手架，我选择了一个vue的脚手架。

truffle unbox wespr/truffle-vue

（安装过程很漫长，他是连带着依赖包一起安装的，有时候会失败，失败了可以自行安装依赖包）

执行：

testrpc

使用truffle-box部署合约到区块链并运行

他会给你10个账户，以及对应的private keys
testrpc现在更名为Ganache CLI，其实是一个东西

执行vue

npm run dev

你会发现文件报错了

使用truffle-box部署合约到区块链并运行
这个原因是因为我们还没有在该环境下部署合约

新打开一个命令行

编译合约

truffle compile

部署合约

truffle migrate

如何你执行以上两行代码会打开truffle.js
那么在使用truffle命令时带上脚本的文件扩展名.cmd，例如truffle.cmd compile

随后在testrpc那个命令行中：
使用truffle-box部署合约到区块链并运行

编译合约的命令行:
使用truffle-box部署合约到区块链并运行

至此，合约部署完成
接下来刷新vue页面，
使用truffle-box部署合约到区块链并运行
合约成功部署

但是当你点击sign up出现报错
使用truffle-box部署合约到区块链并运行

原因是我们还需要另外一个工具 ------- MetaMask
这是以太坊的一个轻量级钱包，因为以太坊部署合约，执行合约都需要花费gas，所以我们需要安装MetaMask

在chrome中打开应用商店，在里面搜索MetaMask,安装它
然后按照他的要求的流程，这里就不多介绍了，

随后导入testrpc虚拟的钱包秘钥private key,他初始会给你100eth

使用truffle-box部署合约到区块链并运行

networks选择我们本机的节点以及端口号8545
使用truffle-box部署合约到区块链并运行

配置好之后刷新vue界面，再次点击sign up

MetaMask会弹出一个支付窗口，点击确认，合约便开始执行了。

至此，合约部署以及运行完成。