链上Dapp，留下联系方式，有偿

Question

有偿找个能把网页代码合成游戏更改部署合约，发布到区块链钱包的，有兴趣的留下联系

Answer 1

更多

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

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

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

1.安装全局truffle

1. npm install -g truffle // Version 3.0.5+ required.

2. npm install -g ethereumjs-testrpc

2.安装truffle-box

首先我们需要去truffle官网

点击 boxes
里面有很多搭建好的脚手架，我选择了一个vue的脚手架。

truffle unbox wespr/truffle-vue

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

3.装好后测试一下代码

执行：

testrpc

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

执行vue

npm run dev

你会发现文件报错了

这个原因是因为我们还没有在该环境下部署合约

部署合约

新打开一个命令行

编译合约

truffle compile

部署合约

truffle migrate

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

随后在testrpc那个命令行中：

编译合约的命令行:

至此，合约部署完成
接下来刷新vue页面，

合约成功部署

但是当你点击sign up出现报错

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

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

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

networks选择我们本机的节点以及端口号8545

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

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

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