通过前面的文章我们可以知道基于区块链开发一个DApp而DApp结合了智能合约和用户界面客户端那客户端是如何与区块链进行连接交互的、如何调用智能合约的、如何发送一个交易到区块链、如何获取区块链上的数据这就是本文要介绍的

web3.js

如下图区块链网络中的每个节点都会得到一份区块链上所有数据的副本它们互相通信实现对公共账本状态的共识。

如果要与整个区块链对话需要连接任意一个节点地址加入该网络而

web3.js

协议的区块链节点本地或远程节点连接交互同时可以结合一些前端技术如

web3.js

https://github.com/npm/cli/releases/tag/v9.8.0

npm

是用于whisper协议用于p2p和广播通信。

web3-bzz

针对swarm协议的去中心化文件存储。

web3-utils包含对Dapp开发人员有用的帮助函数。

具体使用参考web3.js

web3.js库安装好后就可以连接节点了可以在本地安装一个区块链进行连接也可以连接主网节点以及测试节点。

本地区块链ganache是一个区块链的个人开发环境可以在上面部署合约、开发程序和进行测试目的是为了节省大量开发时间。

ganache详细的安装教程可以参考这篇博文。

以太测试/主网络通过

Infura

//下面为主网端点测试端点为https://ropsten.infura.io/YOUR_INFURA_API_KEY

const

https://mainnet.infura.io/YOUR_INFURA_API_KEY

const

区块链中交易操作是指把数据写入区块链改变区块链状态的操作。

例如转账、调用写数据的智能合约函数以及部署智能合约这些操作都会被看作是交易。

根据区块链工作原理会使用私钥签名交易数据然后向网络广播。

为了签署交易我们使用

JavaScript

require(ethereumjs-tx).Transaction

const

Web3(https://ropsten.infura.io/v3/YOUR_INFURA_API_KEY)//账户地址

const

web3.eth.getTransactionCount(account1,

(err,

web3.utils.toHex(web3.utils.toWei(1,

ether)),gasLimit:

web3.utils.toHex(21000),gasPrice:

web3.utils.toHex(web3.utils.toWei(10,

gwei))}//

ropsten})tx.sign(privateKey1)const

serializedTx

广播web3.eth.sendSignedTransaction(raw,

(err,

可以去ropsten.etherscan.io查看交易详情如果连接的主网节点那么可以通过etherscan.io查看})

查询区块链网络数据

Web3(https://ropsten.infura.io/v3/YOUR_INFURA_API_KEY)//

查询最新区块

web3.eth.getBlock(latest).then(console.log)

web3.eth.getBlock(0x...).then(console.log)

查询指定序号区块

web3.eth.getBlock(0).then(console.log)

web3.eth.getTransactionFromBlock(0x...,

2).then(console.log)

web3.eth.getGasPrice().then((result)

{console.log(wei: