經過前面文章介紹，已經搭建以太坊的區塊鏈環境，但是沒有一個介面能檢視到區塊鏈的塊數等資訊，不是很直觀，本篇搭建以太坊區塊鏈瀏覽器。

下載區塊鏈瀏覽器程式碼

[email protected]:~/ethereum$     git clone https://github.com/etherparty/explorer
Cloning into 'explorer'...
remote: Counting objects: 269, done.
remote: Total 269 (delta 0), reused 0 (delta 0), pack-reused 269
Receiving objects: 100
 
% (269/269), 58.84 KiB | 43.00 KiB/s, done.
Resolving deltas: 100% (139/139), done.
Checking connectivity... done.

預設配置的url是http://localhost:8545 如果rpc埠有改動需要手動去更改一下目錄中的package.json檔案

下載bower工具

執行如下命令即可

npm install -g bower -y
bower init(有提示可以不用管)
bower install --allow-root
bower install angular --save-dev
 
 --allow-root

啟動以太坊節點

執行命令

geth –datadir . –networkid 4224 –rpc –rpcport 8545 –port 30303 –rpccorsdomain “*” -rpcapi eth,web3,personal,net,db console 2> log.txt

如圖所示：

啟動區塊鏈瀏覽器

進入explorer目錄執行

npm start

如圖所示:

訪問區塊鏈瀏覽器

訪問地址:http://localhost:8000/
這個時候會載入很慢，是因為js中使用了ajax.googleapis.com
只要把所有JS中的ajax.googleapis.com替換成ajax.lug.ustc.edu.cn即可正常使用。

然後可以做一筆交易 ，可以進行查詢
如圖所示：