我通过参考官方说明和实际情况来进行以下的操作,由于部分教程篇幅内容过多,采用子页的方式来进行访问.
区块链浏览器简介
特别注意:
- 区块链浏览器将区块链中的数据可视化,并进行实时的展示.
- 用户能够以Web页面的方式,方便的获取当前区块链中的信息,
部署区块链浏览器要先部署区块链,配置好区块链节点.

环境说明

准备
配置环境
-
打开Xshell连接云服务器,更新软件源和软件
sudo apt update
sudo apt upgrade -y
-
部署区块链
- 部署环境
提示:由于前面部署区块链时就安装了JDK1.8,所以只需要安装
gradle
、数据库
和Web服务
.
环境 | 安装方法 |
---|---|
Python | 一般系统默认安装了python2.7,故无需再安装 |
Java | 教你如何在Ubuntu服务器上安装JDK1.8 |
gradle | 教你如何在Ubuntu服务器上安装gradle(app构建工具) |
数据库 | 教你如何在Ubuntu服务器上安装和使用mysql |
Web服务 | 教你如何在Ubuntu服务器上安装web服务(tomcat) |
提示:
查看python版本
python -V
![]()
部署
- clone代码
apt install git -y
git clone http://github.com/FISCO-BCOS/fisco-bcos-browser.git
cd fisco-bcos-browser

-
浏览器部署
定时从区块链节点的RPC接口中查数据,写入数据库中
接收report agent上报的数据,写入数据库中 -
report agent部署
部署在每台运行有区块链节点的机器上
拉取区块链节点的监控数据,上报到server端 -
Page部署
page端可配置需要监控的区块链节点
从数据库中拉取数据,在Web中展示
配置
- 数据库
vim src/main/resources/jdbc.properties


- log 目录
修改RollingFile标签里的fileName和filePattern,指向需要log打印的位置
vim src/main/resources/log4j2.xml

- 生成Web应用
注意:在page/fisco-bcos-browser/目录下输入,第一次执行此步骤,会下载一些包,请耐心等待。若若出现ERROR,忽略,让其继续运行,成功后会提示SUCCESSFUL
gradle build
成功后可得到war包
fisco-bcos-browser.war(在../dist/webapps/目录下)
- 发布Web应用
-
拷贝war包到tomcat目录中
cp fisco-bcos-browser.war /software/tomcat/webapps/fisco-bcos-browser.war
-
cd /software/tomcat/bin
-
启动tomcat服务
./startup.sh
程序目录清单
程序或文件夹 | 所在云服务器上的目录 |
---|---|
jdk1.8 | /usr/local/jdk1.8.0_181 |
tomcat | /software |
fisco-bcos-browser | /root |
FISCO-BCOS | /root |
默认下载路径(wget、git clone等) | /root |
浏览器启用
- 切换到浏览器源代码目录,启动区块链浏览器
sh deploy_browser.sh

提醒:最好关闭服务器的防火墙
安装firewalld服务
apt install firewalld -y
关闭服务器的防火墙
systemctl stop firewalld
- 打开Windows系统下的谷歌浏览器,访问page
格式:http://<服务器ip地址>:8080/fisco-bcos-browser

提示:查看网站运行情况可以到../tomcat/logs目录输入:
tail -f catalina.out
区块链浏览器使用
说明:
1.浏览器只是看数据,数据来源需要节点,节点就是区块链节点
2.使用浏览器前,要先部署区块链
- 在主页中:点击
配置
->节点配置
,进入页面

- 配置节点:点击“新增节点”,填入节点IP和RPC端口,点击“提交”,提交后,区块链浏览器后台自动连接相应区块链节点,拉取数据


来源:部署区块链的配置部分
请先确认连接的区块链节点是FISCO-BCOS V1.1.0+
- 查看数据:点击
区块链信息
,查看区块链的相关数据。

- 修改配置:在节点配置页面,点击节点列表上的操作按钮进行“修改”或“删除”。
注意:目前区块链浏览器仅仅支持接入一条链,请勿配置多条链上的多个节点。
网友评论