安装DApp开发环境

1. 安装Node.js

安装Node.js教程参考地址:https://jingyan.baidu.com/article/fd8044faf2e8af5030137a64.html

检测是否安装完成:打开命令行操作;

C:\users\hubwiz>nocd -v
v8.10.0

2. 安装节点仿真器

在控制台命令下:

C:\users\hubwiz>npm install -g ganache-cli

安装完毕后,执行命令验证安装成功:

C:\users\hubwiz>ganache-cli
Ganache CLI v6.0.3 (ganache-core: 2.0.2)

3. 安装solidity编译器

C:\users\hubwiz>npm install -g solc

安装完毕后,执行命令验证安装完成

C:\users\hubwiz>solcjs -version
0.40.2+commit.3155dd80.Emscripten.clang

4. 安装web3

C:\users\hubwiz>npm install -g [email protected]

验证安装:

C:\users\hubwiz>node -p 'require("web3")'
{[Function:web3]
  providers:{,,,}}

5. 安装truffle框架

执行下面命令安装truffle开发框架:

C:\users\hubwiz>npm install -g truffle

验证安装:

C:\users\hubwiz>truffle.cmd version
Truffle v4.1.3 (core 4.1.3)

6. 安装webpack

执行以下命令安装webpack:

C:\users\hubwiz>npm install -g [email protected]

验证安装

C:\users\hubwiz>webpack -v
3.11.0

7. 新建DApp项目

执行以下命令创建项目目录并进入该目录: 

C:\Users\hubwiz> mkdir demo 
C:\Users\hubwiz> cd demo

然后用 webpack 模版初始化项目骨架结构: 

C:\Users\hubwiz\demo> truffle.cmd unbox webpack 
Downloading… 
Unpacking… 
Setting up… 
Unbox successful. Sweet!

8. 安装项目依赖的npm包

执行以下命令安装 npm 包:

C:\Users\hubwiz\demo> npm install 

9. 修改truffle配置

在truffle.js 中,修改 port 为 8545,因为 ganache-cli 在 8545 端口监听: 

module.exports = { 
  networks:{ 
development: { 
  port: 8545 
   } 
  } 
}

10. 启动节点

执行以下命令启动节点仿真器,以便部署合约并执行交易: 

C:\Users\hubwiz\demo> ganache-cli

然后另外开一个控制台窗口,执行后续步骤。

11. 编译合约

执行以下命令编译项目合约: 

C:\Users\hubwiz\demo> truffle.cmd compile 

12. 部署合约

执行以下命令来部署合约:
C:\Users\hubwiz\demo> truffle.cmd migrate

13. 启动DApp

C:\Users\hubwiz\demo> npm run dev

在浏览器里访问 http://localhost:8080 即可

注:第一次写博客,有很多不足,希望能多多包涵。

猜你喜欢

转载自blog.csdn.net/qq_41028544/article/details/80667750