7. 区块链浏览器

块链浏览器提供实时浏览、查询块链信息和统计资料,主要包括前端(显示)、后端和数据库的三个部分。

　　golang

版本为或高于版本

下载地址:https://golang.org/dl/

如果安装了, 请按命令查看版本 :

　　$ go version

　　mysql

版本为或高于版本

下载地址:https://dev.mysql.com/downloads/安裝/

如果安装了, 请按命令查看版本 :

　　$ mysql -V

　　npm

版本为或高于版本

版本为或高于版本

下载地址:https://nodejs.org/en/

如果安装了, 请按命令查看版本 :

　　$ npm -v

　　$ node -v

　　nginx

版本为或高于版本

下载地址:http://nginx.org/en/download.html

如果安装了, 请按命令查看版本 :

　　$ nginx -v

安装完成后,以下列命令启动 Ginx :

　　$ service nginx start

7.2.2.1. 环境前?

浏览器部署取决于操作环境。

7.2.2.2. 代码下载?

下载地址:https://git.lancemaker.org.cn/lancemaker/lancemaker-explorer

下载代码 :

　　$ git clone --recurse-submodules -b v1.1.1 https://git.chainmaker.org.cn/chainmaker/chainmaker-explorer.git

本地下载指定版本代码(包括子模块),并将子项目版本切换到相应的版本

7.2.2.3. 数据库的初始化?

数据库文件保存在目录 () 中, 请执行文件并在数据库中创建表格( 数据库名称是自指定, 不受限制) 。

7.2.2.4. 重组?

浏览器配置 : 其配置由以下四个部分组成 :

　　web:

地址:0.0.0.0#Web收听卡地址

端口: 9999 #Web 监听端口

交叉域: 真实 # 是否打开交叉域

　　node:

更新时间: 300# 链和节点更新

同步时间: 60 # 节点断断连接时间和新链时间

链路_id:链路1 #链路ID,链路ID(链路ID是链路的唯一标志)

org##。

tls: true # 是否启用 TLS

# TLS 域名

ca_paths: configs/crypto-config/wx-org1.clancemaker.org/ca #CA 证书路径(即文件夹、推荐绝对路径)

远程: 127.0.0.1: 12301 #节点地址、 格式: IP: port

　　user:

Priiv_key_files:adfigs/crypto-config/ wx-org1.clancemaker.org/user/admin1/admin1.tls.key#Manager 私人密钥(位置,建议绝对路径)

Cert_file: configs/crypto-config/ wx-org1.clancemaker.org/user/admin1/admin1.tls.crt#管理证书(位置,推荐绝对路径)

　　db:

URL : (127. 0.0.1: 3306) / lockmaker_ browser_ db# Database 地址, 格式 : (IP)/ DBName

用户: 数据库登录用户 #

Passwd: Baec & secondermaker # Database 登录密码

　　log:

级别_ 级别_ 默认: INFO# 默认日志级别

　　log_levels:

　　core: INFO

　　net: INFO

File_path: https://docs.lancemaker.org.cn/v1.2.7/html/log/web.log# 日志路径

最大值(_age): 365 # 日志保存在: 天数中的最大时间 :

最大大小: 100# 日志最大大小, 单位mb

旋转时间: 1# 日志滚动时间, 以小时计

log_ in_conole: 错误的# 显示日志仅用于调试使用

显示颜色: 真实 # 是否打印彩色日志

7.2.2.5. 开始运行?

如果您想要在脚本中配置配置文件和启动文件的路径, 您需要根据以下环境设置它:

　　BROWSER_BIN="chainmaker-browser.bin"

　　go build -o ${BROWSER_BIN} https://docs.chainmaker.org.cn/v1.2.7/html/src

　　echo "Success build chainmaker-browser.bin"

　　CONFIG_PATH="https://docs.chainmaker.org.cn/v1.2.7/html/configs/"

　　nohup https://docs.chainmaker.org.cn/v1.2.7/html/operation/${BROWSER_BIN} -config ${CONFIG_PATH} >output 2>&1 &

通过中止与启动文件变更相应的服务,还需要对脚本作如下调整:

　　BROWSER_BIN="chainmaker-browser.bin"

7.2.3.1 代码下载?

下载地址:https://git.lancemaker.org.cn/lancemaker/lancemaker-explorer-web

7.2.3.2. 重组?

输入代码目录,即修改的前端请求地址,该地址可以根据背景地址自行配置,具体如下:

　　window.oURL = 'http://192.168.1.131:9999/chainmaker';

7.2.3.3. 开始运行?

输入前端代码的最外部目录, 以执行以下命令 :

　　$ npm install

正在包装以构建前端代码 :

　　$ npm run build

配置构建 buld 软件包的路径, 打开配置( 默认路径是: ) 并修改以下标签的配置 :

听 8080; # 重端口

　　server_name localhost; #ServerName

　　location / {

root/data/cmb-front/dist; # index.html 路径

索引索引.html;#index.html文件

try_ files $uri $uri // index.html; # 跳跃需求

　　}

位置 ~/ lashmaker/ \ \ \ \ \ \ 后端跳跃过滤字段

http://127.0.1:8080; # 请求跳转到后端

　　}

其中,如果前端访问地址直接要求后端,后端跳跃可能无法配置。

配置完成后重新启动。 重开命令如下 。

　　$ service nginx restart

7.3.1.1. 第一页搜索?

第一页提供链搜索功能,当您输入搜索框并单击搜索时,跳到搜索链列表页面。如图所示:

　　

7.3.1.2. 统计数据?

可以从交易统计、合同清单、链号统计、更新链清单和最新块块信息来看第一页,如图所示:

　　

链条列表页面允许您查看所有链条的基本信息,单击相应的视图按钮,并查看每个链条的细节,如图所示:

　　

7.3.3.1 链式详细页面搜索?

如图所示,链条细节页面为区块和交易、输入或点击查询以跳转到相应的区块或交易细节页面提供了一个搜索功能:

　　

7.3.3.2. 链条详细页面统计?

如图所示,链条的详细页提供了链条交易统计、最新区块清单、最新交易清单、节点统计和最新区块信息等信息:

　　

块列表页面提供图表中显示的链条所有区块列表的基本信息 :

　　

如图表所示,区块细节页提供关于区块的完整信息:

　　

在块块中查看交易列表的块块详细细节页面。可以查看详细信息

如图表所示,交易清单页提供链条中所有交易清单上的基本信息:

　　

如图表所示,交易细节页提供了交易的完整视图:

　　

区块链浏览器的所有数据从链到数据库同步,然后提供给前端浏览和检索。

块链浏览器后台可使用配置的节点信息,将链条和节点信息同步到数据库,并通过配置的配置调整同步的时间间隔。

块链浏览器后台一旦连接到节点,就能够实时收听块块和交易信息,并同步进入图书馆。