手把手教你使用浏览器调用MetaMask|Dapp入门开发|使用MetaMask一键登录

参考:

https://web3js.readthedocs.io/en/v1.2.11/getting-started.html

1)智能合约开发 – 如何实现一键化登录 Dapp


var web3Provider;

if(window.ethereum) {

web3Provider =window.ethereum;

try{

// 请求用户授权

window.ethereum.enable();

}catch(error) {

// 用户不授权时

console.error("User denied account access")

        }

    }

web3js =newWeb3(web3Provider);//web3js就是你需要的web3实例

web3js.eth.getAccounts(function(error, result){

if(!error)

console.log(result)//授权成功后result能正常获取到账号了

    });

使用如上js代码段即可在浏览器打开授权页面,控制台输出以下信息

image

这样的话就可以直接获取到该用户的钱包地址

2)智能合约开发 – 转账的js实现

在web3js文档中可知,使用【web3.eth.sendTransaction(transactionObject [, callback])】方法即可方法向以太坊网络提交一个交易。

image

代码块如下


web3js.eth.sendTransaction({

from:'0x429d23074de7e642c111114248d426dfb555811',

to:'0x818DF62ff0bE3B28AE8be25e2e848E10138018B7',

value:'1000000000000000'

}).on('transactionHash',function(hash){

console.info(hash)

    })

.on('receipt',function(receipt){

console.info(receipt)

        })

.on('confirmation',function(confirmationNumber, receipt){

console.info(confirmationNumber)

console.info(receipt)

        })

.on('error',console.error);

打开页面后会自动弹出

image

文笔有限,若有问题请咨询QQ:2510472590

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。