Web3在HTML中获取 MetaMask 启用的用户列表

当然 我们还是要先启动ganache环境
然后 通过MetaMask 导入一些用户
在这里插入图片描述
然后 我们需要在页面中引入 web3.min.js 如果您还没有这个文件 可以查看我的文章web3.js获取导入

然后我访问官网 https://learnblockchain.cn/docs/web3.js/web3-eth.html#getchainid
打开后 先来到 web3.eth 下面
在这里插入图片描述
下面有一个 getAccounts 函数 上面说明就是获取MetaMask登录列表
我们可以在网页 js中编写代码如下

web3.eth.getAccounts().then((res) => {console.log(res)
});

在这里插入图片描述
但事情显然没有这么简单 我们运行网页会发现
在这里插入图片描述
控制台输出的结果是空的 但是 我们这 明显登录着几个账号啊
在这里插入图片描述
这是因为 我们账号还没有受权
它这里 也明显写着 未连接
在这里插入图片描述
还是看文档 requestAccounts
在这里插入图片描述
它的作用就是从当前MetaMask 中 请求启用的账号
我们可以直接在网页中编写如下代码

var web3 = new Web3(Web3.givenProvider || "http://localhost:8545");web3.eth.requestAccounts().then((res)=> {console.log(res);
});

然后运行 网页
这里 就会弹出需要我们操作授权的窗口 我们选择需要操作的账号 点击下一步
在这里插入图片描述
这里 直接点击链接
在这里插入图片描述
然后 等它连接好就可以了
在这里插入图片描述
然后 我们回到网页 再次执行

web3.eth.getAccounts().then((res) => {console.log(res)
});

这次就可以正常输出我们MetaMask中登录的账号列表了
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/2059.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

apple pencil二代建议买吗?性价比高的触控笔测评

因为ipad的强大功能,不少人已经开始使用ipad了,随之也越来越普及。大屏幕上的学习效果很好,但用来刷剧以及打游戏就没什么意思了。如果你不想买一支价格很贵的苹果电容笔,或是只想用来做笔记,你可以考虑一下平替电容笔…

机器学习——无监督学习

聚类 问题描述 训练数据: D { x 1 , x 2 , ⋯ , x m } D\lbrace x_1,x_2,\cdots,x_m\rbrace D{x1​,x2​,⋯,xm​},其中每个数据为 n n n 维向量 x i ( x i 1 , x i 2 , ⋯ , x i n ) x_i(x_{i1},x_{i2},\cdots,x_{in}) xi​(xi1​,xi2​,⋯,xin​…

测试背了4年“锅“,测试缺陷总结整理(细致)“锅“终丢掉了...

目录:导读 前言一、Python编程入门到精通二、接口自动化项目实战三、Web自动化项目实战四、App自动化项目实战五、一线大厂简历六、测试开发DevOps体系七、常用自动化测试工具八、JMeter性能测试九、总结(尾部小惊喜) 前言 缺陷分析也是测试…

MySQL——变量与游标

今天我们来一起学习MySQL中的变量(系统变量与用户变量),以及什么是游标,游标如何使用? 1. 变量 在 MySQL 数据库的存储过程和函数中,可以使用变量来存储查询或计算的中间结果数据,或者输出最终…

RabbitMQ快速上手(延迟队列)

安装 官网 参考文章: ​ https://blog.csdn.net/miaoye520/article/details/123207661 ​ https://blog.csdn.net/lvoelife/article/details/126658695 安装Erlang,并添加环境变量ERLANG_HOME,命令行运行erl 安装rabbitmq,rab…

时间序列预测的20个基本概念总结

1、时间序列 时间序列是一组按时间顺序排列的数据点 比如: 每小时的气压每年的医院急诊按分钟计算的股票价格 2、时间序列的组成部分 时间序列数据有三个主要组成部分。 趋势季节性残差或白噪声 3、趋势 在时间序列中记录的长期缓慢变化/方向。 4、季节性 …

【软件架构模式】—微内核架构

欢迎回到软件架构模式博客系列。这是本系列的第 4 章,我们将讨论微内核架构模式 概述: 内核模式也被称为插件架构模式。将附加应用程序功能作为插件添加到核心应用程序,以提供可扩展性以及功能分离和隔离。 这种模式由两种类型的架构组件组…

SpringSecurity实现前后端分离登录授权详解

在介绍完SpringSecurity实现前后端分离认证之后,然后就是SpringSecurity授权,在阅读本文章之前可以先了解一下作者的上一篇文章SpringSecurity认证SpringSecurity实现前后端分离登录token认证详解_山河亦问安的博客-CSDN博客。 目录 1. 授权 1.1 权限系…

ERR! code ERR_SOCKET_TIMEOUT

问题 安装npm包,终端报错ERR! code ERR_SOCKET_TIMEOUT ERR! code ERR_SOCKET_TIMEOUT详细问题 笔者运行以下命令重新安装依赖项: npm install控制台报错,具体报错信息如下 npm ERR! code ERR_SOCKET_TIMEOUT npm ERR! network Socket t…

360手机刷机 360手机Xposed框架安装 360手机EdXposed、LSP 360手机xposed模块

360手机刷机 360手机Xposed框架安装 360手机EdXposed、LSP 360手机xposed模块 参考:360手机-360刷机360刷机包twrp、root 360刷机包360手机刷机:360rom.github.io 【前言】 手机须Twrp或root后,才可使用与操作Xposed安装后,重启…

Spring Boot 中的 @Transactional 注解是什么,原理,如何使用

Spring Boot 中的 Transactional 注解是什么,原理,如何使用 简介 在 Spring Boot 中,Transactional 注解是非常重要的一个注解,用于实现数据库事务的管理。通过使用 Transactional 注解,我们可以很方便地对事务进行控…