以太坊之Windows DApp开发环境的搭建

一、安装 DApp 开发环境
① 安装 Node.js

    安装 Node.js 可以使用官方长期支持的 8.10.0LTS 版本，根据 ubuntu 是 32 位还是 64 位，分别下载不同的预编译版本：
        32 位：

~$ wget https://nodejs.org/dist/v8.10.0/node-v8.10.0-linux-x86.tar.gz

    1

        64 位：

~$ wget https://nodejs.org/dist/v8.10.0/node-v8.10.0-linux-x64.tar.gz

    1

    然后解压到当前目录，以 64 位为例：

~$ tar zxvf node-v8.10.0-linux-x64.tar.gz

    1

    下载后直接安装即可，安装完毕，打开一个控制台窗口，可以使用 node：

C:\Users\xxx> node –v
v8.10.0

    1
    2

② 安装节点仿真器

    在控制台执行以下命令：

C:\Users\xxx> npm install –g ganache-cli

    1

    安装完毕后，执行命令验证安装成功：

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

    1
    2

    如果是 Win10，也可以下载预编译的 Win10 软件包，安装图形版的 ganache。

③ 安装 solidity 编译器

    安装：

C:\Users\xxx> npm install –g solc

    1

    安装完毕后，执行命令验证安装成功：

C:\Users\xxx> solcjs –version
0.40.2+commit.3155dd80.Emscripten.clang

    1
    2

④ 安装 web3

    安装：

C:\Users\xxx> npm install –g web3@0.20.2

    1

    安装验证：

C:\Users\xxx> node –p 'require("web3")'
{[Function: Web3]
    providers:{…}}

    1
    2
    3

⑤ 安装 truffle 框架

    执行以下命令安装 truffle 开发框架：

C:\Users\xxx> npm install –g truffle

    1

    验证安装：

C:\Users\xxx> truffle.cmd version
Truffle v4.1.3(core 4.1.3)

    1
    2

⑥ 安装 webpack

    执行以下命令安装 webpack：

C:\Users\hubwiz> npm install –g webpack@3.11.0

    1

    验证安装：

C:\Users\hubwiz> webpack –v
3.11.0

    1
    2

二、构建示例项目
① 新建 DApp 项目

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

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

    1
    2

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

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

    1
    2
    3
    4
    5

② 安装项目依赖的 NPM 包

    执行以下命令安装 nmp 包：

C:\Users\xxx\demo> npm install

    1

③ 修改 truffle 配置

    如果使用图形版的 ganache，不需要修改 truffle.js 配置文件。否则，需要在 truffle.js 中，修改 port 为 8545，因为 ganache-cli 在 8545 端口监听：

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

    1
    2
    3
    4
    5
    6
    7

④ 启动节点

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

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

    1

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

⑤ 编译合约

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

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

    1

⑥ 部署合约

    执行以下命令来部署合约：

C:\Users\xxx\demo> truffle.cmd migrate

    1

⑦ 启动 DApp

    执行以下命令来启动 DApp:

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

    1

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

在这里插入图片描述

    如果希望从别的机器也可以访问 DApp 应用，修改一下 package.json：

{
    scripts:{
        "dev":"webpack-dev-server –-host 0.0.0.0"
    }
}
————————————————
版权声明：本文为CSDN博主「╰つ栺尖篴夢ゞ」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/Forever_wj/article/details/125824800