区块链开发学习(三)--前端和节点交互

上一篇已经介绍了如何在节点上部署合约,本文将讲述前端如何和节点交互。

准备工具: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

可以见到已经获取到了节点的账号信息;到此已经走完流程,其他复杂功能可以进行拓展。

 

 

 

 

 

猜你喜欢

转载自blog.csdn.net/qq_21640423/article/details/85111134