锐客网

  1. 首页 > it技术 > >

Dapp开发环境搭建(windows)

区块链


  • 安装Dapp开发环境
  1. 安装node.js
安装完毕，打开控制台窗口，检查是否成功
Node -v
Dapp开发环境搭建(windows)
文章图片

  1. 安装节点仿真器
>npm install -g ganache-cli
Dapp开发环境搭建(windows)
文章图片

验证安装成功
>ganache-cli
3. 安装solidity编译器
> npm install -g solc
>solcjs –version
Dapp开发环境搭建(windows)
文章图片


  1. 安装web3
>npm install -g web3@0.20.2
.>node -p ‘require(“web3”)
Dapp开发环境搭建(windows)
文章图片

  1. 安装truffle
>npm install -g truffle
>truffle.emd version
Dapp开发环境搭建(windows)
文章图片

  1. 安装webpack
>npm install -g webpack@3.11.0
>webpack -v
Dapp开发环境搭建(windows)
文章图片

  • 构建示例项目
  1. 新建DApp项目
mkdir demo
cd demo
Dapp开发环境搭建(windows)
文章图片

  1. 用webpack模版初始化项目骨架结构
>truffle.cmd unbox webpack
Dapp开发环境搭建(windows)
文章图片

  1. 安装项目依赖的NPM包
Dapp开发环境搭建(windows)
文章图片

  1. 修改truffle配置
如果使用图形版的ganache，不需要修改truffle.js配置文件，否则，需要在truffle.js中，修改port为8545，因为ganache-cli在8545端口监听
Dapp开发环境搭建(windows)
文章图片

  1. 启动节点
启动节点仿真器，以便部署合约并执行交易
>ganache-cli
6. 编译合约
> truffle.cmd compile
【Dapp开发环境搭建(windows)】Dapp开发环境搭建(windows)
文章图片

  1. 部署合约
>truffle.cmd migrate
Dapp开发环境搭建(windows)
文章图片


  1. 启动DApp
>npm run dev
Dapp开发环境搭建(windows)
文章图片

  1. 运行成功
Dapp开发环境搭建(windows)
文章图片

  1. 如果要让别的机器访问Dapp应用
在package.json修改
Dapp开发环境搭建(windows)
文章图片

  1. 保存后，重新启动Dapp 把防火墙关闭
在另一台机器的浏览器打开
Dapp开发环境搭建(windows)
文章图片

访问成功

    推荐阅读


    上一篇：《泡在游戏里》

    下一篇：信用卡卡号验证算法