上一篇已經介紹瞭如何在節點上部署合約，本文將講述前端如何和節點互動。

準備工具：1、WebStrom

WebStorm是一款專業的HTML編輯工具,可以說是“Web前端開發神器”、“最強大的HTML5編輯器”、“最智慧的JavaScript IDE”。

2、Ganache（可以使用之前安裝的Geth節點代替）

Ganache是一個基於圖形化介面的節點，可以一鍵安裝的私鏈節點，對比Geth更加簡單易用。

下載地址：http://truffleframework.com/ganache/

3、web3.js 檔案

web3.js提供了用於和geth通訊的JavaScript API。它內部使用JSON-RPC與geth通訊。  

下面給出本流程的流程圖，這樣就可以清楚看到每個模組的呼叫關係。

4、Google Chorme 瀏覽器

在使用IE瀏覽器時報如下錯誤：

有解決的朋友請指教。

5、搭建環境

5.1、開啟ganache；

5.2、開啟remix,使用上一篇合約，使用Web3 Provider連線到ganache，deploy部署；

5.3、開啟webstrome,開啟附件資料夾（https://download.csdn.net/download/qq_21640423/10871310），如下：

開啟index.html,然後選擇使用Google Chorme開啟頁面；

進入後右鍵選擇檢查；點選獲取賬號，再檢視Console

可以見到已經獲取到了節點的賬號資訊；到此已經走完流程，其他複雜功能可以進行拓展。