首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >walletConnect验证签名demo

walletConnect验证签名demo

作者头像
高大北
发布于 2022-06-14 11:56:40
发布于 2022-06-14 11:56:40
82600
代码可运行
举报
运行总次数:0
代码可运行
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<div @click="login()">
    <div >验证签名</div>
</div> 

import WalletConnect from "@walletconnect/node";
import utils from "web3-utils";
import QRCodeModal from "@walletconnect/qrcode-modal";

methods: {
login() {
      console.log("地址:",sessionStorage.getItem("address"))
          // Create a connector
          const connector = new WalletConnect(
              {
                bridge: "https://bridge.walletconnect.org", // Required
              },
              {
                clientMeta: {
                  description: "WalletConnect NodeJS Client",
                  url: "https://nodejs.org/en/",
                  icons: ["https://nodejs.org/static/images/logo.svg"],
                  name: "WalletConnect",
                },
              }
          );
          // Draft Message Parameters
          const message = new Date().getTime();
          console.log("时间戳:",message);
          const msgParams = [sessionStorage.getItem("address"), utils.utf8ToHex(message.toString())];
          console.log("参数",msgParams);
         // Sign message
          connector.signMessage(msgParams).then((result) => {
              //   // Returns signature.
                 console.log("result返回结果:",result)
               })
               .catch(error => {
                 // Error returned when rejected
                 console.error(error);
               })
   },
}

显示效果

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
小狐狸(metamask)验证签名demo
小狐狸验证签名demo <div @click="login()"> <div >验证签名</div> </div> import metamaskApi from "../service/web3/metamaskApi";//可以看 https://www.sky12580.cn/archives/metamask-lian-jie import WalletConnect from "@walletconnect/node"; import QRCodeModal from "@walle
高大北
2022/06/14
2.1K0
小狐狸(metamask)验证签名demo
walletConnect连接钱包
https://docs.walletconnect.com/quick-start/dapps/client#sign-message-eth_sign
高大北
2022/06/14
3.2K0
walletConnect连接钱包
21个基于ethers的Dapp常用工具函数
此处为语雀内容卡片,点击链接查看:https://www.yuque.com/go/doc/48378172[2]
Tiny熊
2022/04/08
1.6K0
动态加载用户菜单
流程是用户登录后进入模块页面,点击不同的模块,进入菜单页面(模块不同,菜单内容也不同)
tianyawhl
2020/02/18
2.4K0
动态加载用户菜单
前后端权限机制
本项目使用vue全家桶,axios和cube-ui cube-ui文档地址:https://didi.github.io/cube-ui/#/zh-CN/docs/quick-start
一粒小麦
2019/07/18
1.4K0
前后端权限机制
reduxjs-toolkit 案例 — 登录
redux新版本移动了@reduxjs/toolkit 这个库中, 不再使用类似redux-thunk等中间件,大大地简化了开发的流程。
用户9914333
2022/12/14
1.3K0
reduxjs-toolkit 案例 — 登录
路由守卫
相信大家也知道大部分的网页版引应用,“不登录就不给看!”,于是,我也给自己的项目添加了这个小细节。如何实现呢?当然是使用路由守卫啦。
橘子君丶
2023/03/06
1K0
路由守卫
Vue 实现动态路由及登录&404页面跳转控制&页面刷新空白解决方案
import NotFound from "@/views/Error/404";
授客
2020/02/18
3.2K0
React项目中使用wangeditor以及扩展上传附件菜单
   在最近的工作中需要用到富文本编辑器,结合项目的UI样式以及业务需求,选择了wangEditor。另外在使用的过程中发现wangEditor只有上传图片和视频的功能,没有上传文本附件的功能,所以需要对其扩展一个上传附件的功能。
用户1174387
2022/05/11
3.2K0
React项目中使用wangeditor以及扩展上传附件菜单
从零到一搭建一个属于自己的博客系统(弎)「建议收藏」
从零到一搭建一个属于自己的博客系统(弌):从零到一搭建一个属于自己的博客系统(弌)
全栈程序员站长
2022/11/07
3550
从零到一搭建一个属于自己的博客系统(弎)「建议收藏」
vue2封装axios接口代码
@toc在/utils新建requestimport axios from 'axios'import bus from '@/utils/bus'import {Message} from 'element-ui'const service = axios.create({ baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url // baseURL: '/api', // url = base url + requ
肥晨
2023/04/04
4800
使用react-router4.0实现重定向和404功能
在使用react开发中,重定向和404这种需求非常常见,使用React-router4.0可以使用Redirect进行重定向 最常用的就是用户登录之后自动跳转主页。
用户1515472
2019/07/24
1.3K0
一步步使用SpringBoot结合Vue实现登录和用户管理功能
前后端分离开发是当今开发的主流。本篇文章从零开始,一步步使用SpringBoot结合Vue来实现日常开发中最常见的登录功能,以及登录之后对用户的管理功能。通过这个例子,可以快速入门SpringBoot+Vue前后端分离的开发。
三分恶
2021/02/01
2.7K0
一步步使用SpringBoot结合Vue实现登录和用户管理功能
springboot展示页面(及关于ajax中页面不跳转问题)
当按钮typ为submit时,在ajax的success的方法中window.location,href跳转不起作用;
JQ实验室
2022/02/10
2.2K0
VUE2.0 学习(十九)浏览器本地存储localStorage 和 sessionStorage
目录 localStorage sessionStorage 两者区别 localStorage <script type="text/javascript" > let p = {name:'张三',age:18} // 保存一个数据 function saveData(){ localStorage.setItem('msg','hello!!!') localStorage.setItem('msg2',666) localStorage.setItem('pe
一写代码就开心
2021/10/26
7110
web3服务端身份验证
DApp 最大的吸引力就是用户拥有自己的数据。然而要做到这一点,需要验证用户的 web3 身份(用户的钱包)。这在客户端是很容易的(因为用户可以用 Metamask 提交自己的信息),但是在服务端就没那么容易了。
Tiny熊
2022/04/11
2.7K0
springboot+Vue_从零搭建springboot项目
利用国庆期间做了一个基于springboot+vue的前后端分离的个人博客网站,今天在这里将开发过程和大家分享一下,手把手教你搭建一个自己专属的个人博客。
全栈程序员站长
2022/11/14
1.1K0
springboot+Vue_从零搭建springboot项目
前端成神之路-vue前端项目01
客户使用的业务服务:PC端,小程序,移动web,移动app 管理员使用的业务服务:PC后台管理端。 PC后台管理端的功能:管理用户账号(登录,退出,用户管理,权限管理),商品管理(商品分类,分类参数,商品信息,订单),数据统计 电商后台管理系统采用前后端分离的开发模式 前端项目是基于Vue的SPA(单页应用程序)项目
海仔
2021/03/20
7700
前端项目实战 | H5跳转参数缓存:sessionStorage 缓存数据丢失的偶然性分析及解决方案
在我们移动端的业务中,通常会采用URL参数方式传递关键业务标识(如用户ID、订单ID、第三方标识)。在拿到这些业务标识时,我们会使用sessionStorage将这些数据本地缓存下来,以便后续使用。
叶一一
2025/07/05
1390
前端项目实战 | H5跳转参数缓存:sessionStorage 缓存数据丢失的偶然性分析及解决方案
在线考试系统(vue2 + elementui + express4 + MongoDB)
window下安装mongodb,需要参考的可以移步我的博客中:win10安装mongodb
FinGet
2019/06/28
9.1K0
推荐阅读
相关推荐
小狐狸(metamask)验证签名demo
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档