以太坊DAPP小项目实践

安装DAPP环境

安装node.js

下载地址（64位）：https://nodejs.org/dist/v8.10.0/node-v8.10.0-x64.msi

查看安装成功。

node -v

  

ganache-cli 安装

ganache-cli 是以太坊节点仿真器软件ganache的命令行版本，可以方便开发者快速进行DAPP开发与测试。

安装命令：

npm install –g ganache-cli

查看安装成功：

ganache-cli 

安装 solidity 编译器

安装命令：

npm install –g solc 

查看安装成功：

 solcjs –version 

安装 web3 

安装命令以及查看安装成功：

 npm install –g web3@0.20.2 

node –p 'require("web3")' 

 

安装 truffle 框架 

npm install –g truffle 

truffle.cmd version 

安装 webpack 

npm install –g webpack@3.11.0 

 webpack –v 

 

构建实例项目

新建 DApp 项目 

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

mkdir demo 
cd demo 

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

truffle.cmd unbox webpack 

安装NPM包：

 npm install 

修改 truffle 配置 

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

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

启动节点 

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

ganache-cli 

编译合约 

另外开一个控制台窗口

truffle.cmd compile 

部署合约

truffle.cmd migrate 

启动 DApp 

npm run dev 

 

在浏览器里访问 http://localhost:8080 即可 如下图所示：