构建以太坊区块链浏览器

以太坊区块链浏览器构建以太坊区块链浏览器

环境；Ubuntu

首先需要下载git

参考链接：

apt install git

1、下载区块链浏览器代码

你在那个目录执行的语句，这个浏览器是在哪里下载的？

git clone https://github.com/etherparty/explorer

以太坊官方区块浏览器

在这里插入图片描述

资源管理器中的文件如下：

在这里插入图片描述

192.168.197.131是本地IP地址，也是以太坊节点地址以太坊官方区块浏览器，方便局域网内其他机器访问区块链接口

将连接的以太网节点地址修改为远程节点地址

（两个localhost都改成机器IP地址）

以太坊官方区块浏览器

var eth_node_url = ':8545';修改为 var eth_node_url = ':8545';

在这里插入图片描述

vim app/app.js

修改浏览器地址为本地IP地址

vim package.json

在这里插入图片描述

以太坊官方区块浏览器

把“start”：“http-server ./app -a localhost -p 8000 -c-1”，修改为“start”：“http-server ./app -a 192.16< @8.197.131 -p 8000 -c-1”

2、下载凉亭工具

首先需要下载npm

apt install npm

下载凉亭工具

npm install -g bower -y
bower init
bower install --allow-root
bower install angular --save-dev  --allow-root

以太坊官方区块浏览器

选择 1

在这里插入图片描述

3.启动区块链浏览器

启动以太坊节点

需要加参数——rpccorsdomain '*'

geth --datadir /mychain/data --rpccorsdomain '*' --nodiscover console

以太坊官方区块浏览器

启动区块链浏览浏览器后台程序

npm start

下载完成

在这里插入图片描述

4、在浏览器中浏览视图

在浏览器搜索栏中输入：8000/以太坊官方区块浏览器，如下图所示

（注意：客户端当前所在主机需要翻墙下载网站中的googleapis()在线依赖，否则不会显示block信息。）

在这里插入图片描述

我没有下载那个依赖库所以它是空白的