如何使用Web3.js API 在页面中进行转账

最新推荐文章于 2024-12-09 19:37:14 发布

Tiny熊

最新推荐文章于 2024-12-09 19:37:14 发布

阅读量2.2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：区块链 DAPP web3.js 去中心化区块链技术剖析

本文链接：https://blog.youkuaiyun.com/xilibi2003/article/details/82700542

最新内容会更新在主站深入浅出区块链社区
原文链接:如何使用Web3.js API 在页面中进行转账

本文介绍如何使用Web3.js API 在页面中进行转账，是我翻译的文档Web3.js 0.2x 中文版及区块链全栈-以太坊DAPP开发实战中Demo的文章说明。

写在前面

阅读本文前，你应该对以太坊、智能合约、钱包的概念有所了解，如果你还不了解，建议你先看以太坊是什么
除此之外，你最好还了解一些HTML及JavaScript知识。

转账UI 页面的编写

转账UI主体的界面如图：

实现这个界面很简单，这里就不代码了。大家可以打开Demo，右击查看页面源码。

用户环境检查

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

先检查是否安装了MetaMask钱包：

window.addEventListener('load', function() {
   
   
        if (typeof web3 !== 'undefined') {
   
   
            web3 = new Web3(web3.currentProvider);
            if (web3.currentProvider.isMetaMask ==

最低0.47元/天解锁文章

200万优质内容无限畅学