以太坊之Ubuntu平台DApp开发环境的搭建

Posted 2022-07-18 ╰つ栺尖篴夢ゞ

一、安装准备

① 查看当前 CPU 架构

• 在终端中执行以下命令，确定是 32 位架构还是 64 位架构：

~$ uname –p
x86_64

• 如果看到输出 x86_64，那么就是 64 位系统，否则是 32 位。

② 下载工具

• 确保安装了下载工具 wget：

~$ wget –V
GNU Wget 1.17.1 built on linux-gnu

• 如果还没有安装 wget，使用 apt-get 来安装：

~$ sudo apt-get install wget

二、安装 DApp 开发环境

① 安装 Node.js

• 首先根据 ubuntu 是 32 位还是 64 位，分别下载不同的预编译版本，使用官方长期支持的 8.10.0LTS 版本：
• • 32 位：

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

• • 64 位：

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

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

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

• 然后接下来修改 .bashrc 来设置相关的环境变量：

~$ echo "export NODE_HOME=$HOME/node-v8.10.0-linux-x64"
>> .bashrc
~$ echo "export NODE_PATH=$NODE_HOME/lib/node_modules"
>> .bashrc
~$ echo "export PATH=$NODE_HOME/bin:$PATH" >> .bashrc

• 最后重新载入 .bashrc（或者重新登录）来使 node 生效：

~$ source .bashrc

• 现在，可以使用 node：

~$ node –v
v8.10.0

② 安装节点仿真器

• 在终端执行以下命令：

~$ npm install –g ganache-cli

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

~$ ganache-cli
Ganache CLI v6.0.3 (ganache-core: 2.0.2)

③ 安装 solidity 编译器

• 安装：

~$ npm install –g solc

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

~$ solcjs –version
0.40.2+commit.3155dd80.Emscripten.clang

④ 安装 web3

• 安装：

~$ npm install –g web3@0.20.2

• 安装验证：

~$ node –p 'require("web3")'
[Function: Web3]
providers:…

⑤ 安装 truffle 框架

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

~$ npm install –g truffle

• 验证安装：

~$ truffle version
Truffle v4.1.3 (core 4.1.3)

⑥ 安装 webpack

• 执行以下命令安装 webpack：

~$ npm install –g webpack@3.11.0

• 验证安装：

~$ webpack –v
3.11.0

三、构建示例项目

① 新建 DApp 项目

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

~$ mkdir demo
~$ cd demo

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

~/demo$ truffle unbox webpack
Downloading…
Unpacking…
Setting up…
Unbox successful. Sweet!

② 安装项目依赖的 NPM 包

• 执行以下命令安装 nmp 包：

~/demo$ npm install

③ 修改 truffle 配置

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

module.exports = 
	networks:
		development: 
		 …
		 port: 8545
	     …
        
    

④ 启动节点

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

~/demo$ ganache-cli

⑤ 编译合约

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

~/demo$ truffle compile

⑥ 部署合约

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

~/demo$ truffle migrate

⑦ 启动 DApp

• 执行以下命令来启动 DApp：

~/demo$ npm run dev

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

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

	scripts:
		"dev": "webpack-dev-server –-host 0.0.0.0"