如何使用Web3 JS文件API 在页面中进行转账

如何使用Web3.js API 在页面中进行转账， 首先应该检查在浏览器环境有没有安装好钱包，并且钱包应该是解锁状态。检查是否安装了MetaMask钱包：

MetaMask推荐在window加载时，进行MetaMask的检查，当然在没有安装MetaMask时，也可以指定一个节点Provider来创建web3，我们在发送交易之前应该先首先检查一下当前钱包的一个状态，检查钱包是否解锁(是否输入了密码进入了MetaMask)，通常使用eth下面的getAccounts来进行检查，getAccounts是会返回账号的一个列表，如果当前账号列表里面有数据的话，说明钱包已经解锁可以获得到账号，如果账号拿到的列表是空的话，那么说明钱包没有解锁。可以把下面的代码加到上面的监听函数中：

如果MetaMask钱包是解锁的，我们就可以来发送交易，web3.eth.sendTransaction(transactionObject [, callback]).

第一个参数是一个交易对象，交易对象里面有几个字段：

• from : 就是从哪个账号发送金额
• to : 发动到到哪个账号
• value 是发送的金额
• gas: 设置gas limit
• gasPrice: 设置gas 价格

第二个参数是回调函数用来获得发送交易的Hash值。

如果from没有的话，他就会用当前的默认账号， 如果是转账to和value是必选的两个字段。

在发送交易的时候弹出来MetaMask的一个授权的窗口，如果我们gas和gasPrice没有设置的话，就可以在MetaMask里面去设置。如果这两个gas和gas Price设置了的话，MetaMask就会使用我们设置的gas。

因此在发送交易的时候，关键是构造这样一个交易对象，JavaScrpt代码如下：

补充说明：$('#fromAccount').val()是使用JQuery用来获取用户输入内容，其次应该在实际构造发送交易之前对输入的参数做一个判断，web3.isAddress用来检查字符串是不是地址。另外对于一个向普通外部地址账号的转账，消耗的gas 是固定的21000。