m0_58768027
m0_58768027
2021-05-29 18:41
采纳率: 0%
浏览 8

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

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

1条回答 默认 最新

  • weixin_43681859
    答题大神 2021-05-29 18:52

    更多

    使用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官网
    clipboard.png
    点击 boxes
    里面有很多搭建好的脚手架,我选择了一个vue的脚手架。

    truffle unbox wespr/truffle-vue

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

    3.装好后测试一下代码

    执行:

    testrpc

    clipboard.png

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

    执行vue

    npm run dev

    你会发现文件报错了

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

    部署合约

    新打开一个命令行

    编译合约

    truffle compile

    部署合约

    truffle migrate

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

    随后在testrpc那个命令行中:
    clipboard.png

    编译合约的命令行:
    clipboard.png

    至此,合约部署完成
    接下来刷新vue页面,
    clipboard.png
    合约成功部署

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

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

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

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

    clipboard.png

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

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

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

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

    点赞 评论