以太坊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 [email protected] 
node –p 'require("web3")' 

 

安装 truffle 框架 

npm install –g truffle 
truffle.cmd version 

安装 webpack 

npm install –g [email protected] 
 webpack –v 

 

构建实例项目

新建 DApp 项目 

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

mkdir demo 
cd demo 

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

truffle.cmd unbox webpack 

以太坊DAPP小项目实践_第1张图片

安装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 即可 如下图所示:

以太坊DAPP小项目实践_第2张图片

 

 

 

 

 

 

你可能感兴趣的:(区块链)