上一篇已经介绍了如何在节点上部署合约,本文将讲述前端如何和节点交互。
准备工具: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
可以见到已经获取到了节点的账号信息;到此已经走完流程,其他复杂功能可以进行拓展。