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

这篇具有很好参考价值的文章主要介绍了Web3在HTML中获取 MetaMask 启用的用户列表。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

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

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

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

var web3 = new Web3(Web3.givenProvider || "http://localhost:8545");

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

然后运行 网页
这里 就会弹出需要我们操作授权的窗口 我们选择需要操作的账号 点击下一步
Web3在HTML中获取 MetaMask 启用的用户列表
这里 直接点击链接
Web3在HTML中获取 MetaMask 启用的用户列表
然后 等它连接好就可以了
Web3在HTML中获取 MetaMask 启用的用户列表
然后 我们回到网页 再次执行

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

这次就可以正常输出我们MetaMask中登录的账号列表了
Web3在HTML中获取 MetaMask 启用的用户列表文章来源地址https://www.toymoban.com/news/detail-501629.html

到了这里,关于Web3在HTML中获取 MetaMask 启用的用户列表的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 使用web3.js连接Metamask钱包并完成合约交互

    Web3.js是一个用于与以太坊网络进行交互的JavaScript库。Metamask是一个以太坊钱包插件,可以在浏览器中创建和管理以太坊账户。本文将介绍如何使用web3.js库连接Metamask钱包,并完成与智能合约的交互。 Web3.js是一个用于与以太坊网络进行交互的JavaScript库。它提供了一些方法和功

    2024年03月16日
    浏览(52)
  • MetaMask Mobile +Chrome DevTools 调试Web3应用教程

    注:本教程来源网络,有兴趣的可以直接到这里查看。 写好了WEB3应用,在本地调试用得好好的,但是用钱包软件访问就报莫名的错,但是又不知道是什么原因,排查的过程非常浪费时间 。 因此在本地同一局域网进行调试就非常有必要,本教程有下面几个重点,包含MetaMask

    2024年02月12日
    浏览(35)
  • html通过web3JS 获取当前连接的区块链信息和账号信息

    前面 我们讲了 MetaMask和ganache的配置安装 并用 MetaMask管理ganache的启动的虚拟区块链 那么 我们现在也完全可以写一个网页来做这个东西的管理 您可以先查看文章web3.js获取导入做一个导入了 web3的html文件 首先我们可以来试着 获取 自己当前是在哪个区块的 getBlockNumber 当然 你要

    2024年02月17日
    浏览(42)
  • Web3 将 MetaMask添加入谷歌浏览器 扩展程序中

    Web3到现在理论这段是说的有点太多了 那么 我们先来看个东西 叫 MetaMask 这个在我们项目开发过程中需要使用 MetaMask是一个开源的以太坊的一个钱包 那么 钱包肯定就是用来管理数据资产的 MetaMask 是以一个浏览器插件形式存在的 它可以直接连接到以太坊的网络中来管理我们以

    2024年02月11日
    浏览(44)
  • Web3通过 MetaMask简单演示对ganache虚拟环境账号进行管理操作

    上文 Web3通过ganache运行起一个本地虚拟区块链 我们通过ganache在本地运行起了一个虚拟的区块链环境 那么 接下来 我们就要用 MetaMask 来管理这个东西了 如果您还没有安装 可以访问文章Web3 将 MetaMask添加入谷歌浏览器 扩展程序中和Web3开发准备工作 手把手带你创建自己的 Meta

    2024年02月10日
    浏览(63)
  • 前端VUE使用web3调用小狐狸(metamask)和合约(ERC20)交互

    1.创建vue项目 2.安装web3 npm install web3 3.项目web3 main.js 项目结构 页面代码中引用web3,倒入ERC20代币的abi 项目页面   调用小狐狸metamask演示   项目任何难题,可以加入qq群:981921011      

    2024年02月15日
    浏览(46)
  • 使用nodejs和web3js实现链接metamask钱包并实现合约交互

    在以太坊区块链上,metamask钱包是一个非常常用的钱包,用以管理以太币和其他以太坊资产。同时,它也是一个重要的以太坊智能合约交互工具。在本文中,我们将介绍如何使用nodejs和web3js实现链接metamask钱包并实现合约交互。 在开始之前,首先需要安装NodeJS和Web3JS。 NodeJS是

    2024年02月04日
    浏览(90)
  • 记录分享vue3通过web3.js连接MetaMask的流程及签名、验签方法

    记录下web3.js连接,希望对像我一样的小白有帮助。废话不多说,开整! 一、先在浏览器上面下载 小狐狸MetaMask插件,然后创建账户,创建成功之后默认连接的是以太坊 Ethereum 主网络,如果有相关网络的信息(如RPC URL和和链id等,可以自己添加,没有就先不管)。  二、本地项

    2024年02月06日
    浏览(58)
  • 使用nodejs和web3js来实现链接MetaMask钱包并取消风险代币授权

    随着区块链技术的快速发展,数字货币资产在投资及交易市场中得到了广泛的应用。而在数字货币交易过程中,钱包是一个非常重要的环节。比如MetaMask就是一款非常流行的区块链钱包,它可以让用户在浏览器中安全地管理自己的数字资产。 然而,在数字货币交易过程中也存

    2024年01月23日
    浏览(50)
  • 使用Node.js和Web3.js实现链接MetaMask钱包并批量创建钱包并且批量发送代币

    MetaMask是一款基于浏览器的插件钱包,它可以安全地存储、发送和接收以太坊(Ethereum)代币。而Web3.js是一款JavaScript库,可以通过它连接以太坊区块链网络并管理以太坊钱包。 在此文中,我们将学习如何使用Node.js和Web3.js编程语言编写代码,实现链接MetaMask钱包并批量创建钱

    2024年02月08日
    浏览(79)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包