使用小狐狸(metamask)实现对信息签名并使用vue在前端展示

之前论文做实验时就完成了简单的签名验签的过程,时间长了再加上电脑重装今天又重新回忆了一下。

总体

此demo是使用ganache的本地以太坊账号,运用remix编写智能合约并,使用metamask连接remix和ganache并部署智能合约和签名。使用vscode搭建vue框架并在前端展示。

Ganache

Ganache是一个用于本地开发和测试以太坊应用程序的工具,可以模拟以太坊网络和交易,并提供了一个可视化的用户界面来方便开发者进行调试和测试。
需要注意的是这里的端口号。
需要注意的是端口号

metamask

小狐狸新建本地连接
dada

账户是ganache中的账户

在这里插入图片描述

remix

remix连接metamask并选择对应账户
在这里插入图片描述
实现了身份注册功能,部分代码
在这里插入图片描述

vscode

前端界面
在这里插入图片描述
调用小狐狸签名
在这里插入图片描述
签名脚本:
在这里插入图片描述
需要引用web3和替换abi:
在这里插入图片描述

おすすめ

転載: blog.csdn.net/wujian0428/article/details/131827697