uniapp开发DAPP钱包应用(二) Vue + Java

2024-03-13 01:12

本文主要是介绍uniapp开发DAPP钱包应用(二) Vue + Java,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

上一节我们讲了如何通过vue uniapp还有web3以及需要准备的相关组件,来搭建了DAPP开发的环境。

这一节,我们来说说如何用代码来实现DAPP相关接口。

1. ethers实现类 

导入组件


import { ethers , providers , utils  } from "ethers";
import tokenABI from '@/utils/tokenABI.json'
export class MetaEthers {}

初始化


static #provider = null ;
static #account = null ;
static #message = 'sign message'
static #max = '0xffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff'
constructor(){check();if(!MetaEthers.#provider)MetaEthers.#provider = new ethers.providers.Web3Provider(window.ethereum);
} 
function check(target){if(typeof window.ethereum == 'undefined')throw uni.showToast({title: "MetaMask is unInstalled!", icon: "none"})
}

获取钱包地址

// 获取钱包地址async setAccounts(){let account = await MetaEthers.#provider.send("eth_requestAccounts", []);MetaEthers.#account =  account instanceof Array ? account[0] : account;let info = JSON.parse(localStorage.getItem('userinfo'))if( info && MetaEthers.#account.toLowerCase() !== info.chain_address){this.destory()throw t('dismacth');} else{return MetaEthers.#account;}     }

签名获取


// 签名
async sign(){if(!MetaEthers.#account) throw { reason: t('wallet_warning'), errType: -1 }const signer = MetaEthers.#provider.getSigner();let signature = await signer.signMessage(MetaEthers.#message)console.log( utils.verifyMessage(MetaEthers.#message, signature).toLowerCase() )return signature;
}

余额获取


// 钱包余额
async getWallet(){if(!MetaEthers.#account) throw { reason: t('wallet_warning'), errType: -1 }let Contract = new ethers.Contract(tokenAddress,tokenABI,MetaEthers.#provider.getSigner());let value = await Contract.balanceOf(MetaEthers.#account);return ethers.utils.formatUnits(value, 18)
}

2. 实现签名登录

import {MetaEthers
} from '@/utils/metamask.js'let MetaWallet = {destory: () => {}
};// 通过实现类,获取地址及签名,后端进行验证
let chain_address = await MetaWallet.setAccounts();
let signature = await MetaWallet.sign();
const {data,code
} = await walletLogin({method: "POST",query: {chain_address,message: MetaEthers.getMessage(),signature,},
});

后端实现

/*** <b>功能描述:</b>验签<br>* <b>修订记录:</b><br>*/
public static Boolean isSignatureValid(final String address, final String signature, final String message) {log.info("isSignatureValid invoked for Address {} with Signature {} and Message {} ", address, signature, message);final String personalMessagePrefix = "\u0019Ethereum Signed Message:\n";boolean match = false;final String prefix = personalMessagePrefix + message.length();final byte[] msgHash = Hash.sha3((prefix + message).getBytes());final byte[] signatureBytes = Numeric.hexStringToByteArray(signature);byte v = signatureBytes[64];if (v < 27) {v += 27;}final Sign.SignatureData sd = new Sign.SignatureData(v,Arrays.copyOfRange(signatureBytes, 0, 32),Arrays.copyOfRange(signatureBytes, 32, 64));String addressRecovered = null;// Iterate for each possible key to recoverfor (int i = 0; i < 4; i++) {final BigInteger publicKey = Sign.recoverFromSignature((byte) i, new ECDSASignature(new BigInteger(1, sd.getR()),new BigInteger(1, sd.getS())), msgHash);if (publicKey != null) {addressRecovered = "0x" + Keys.getAddress(publicKey);if (addressRecovered.equalsIgnoreCase(address)) {match = true;break;}}}return match;
}

当验签成功后,即实现登录,接下来基本都业务相关代码,自行开发吧!!!

这篇关于uniapp开发DAPP钱包应用(二) Vue + Java的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/803188

相关文章

Java反转字符串的五种方法总结

《Java反转字符串的五种方法总结》:本文主要介绍五种在Java中反转字符串的方法,包括使用StringBuilder的reverse()方法、字符数组、自定义StringBuilder方法、直接... 目录前言方法一:使用StringBuilder的reverse()方法方法二:使用字符数组方法三:使用自

JAVA封装多线程实现的方式及原理

《JAVA封装多线程实现的方式及原理》:本文主要介绍Java中封装多线程的原理和常见方式,通过封装可以简化多线程的使用,提高安全性,并增强代码的可维护性和可扩展性,需要的朋友可以参考下... 目录前言一、封装的目标二、常见的封装方式及原理总结前言在 Java 中,封装多线程的原理主要围绕着将多线程相关的操

Java进阶学习之如何开启远程调式

《Java进阶学习之如何开启远程调式》Java开发中的远程调试是一项至关重要的技能,特别是在处理生产环境的问题或者协作开发时,:本文主要介绍Java进阶学习之如何开启远程调式的相关资料,需要的朋友... 目录概述Java远程调试的开启与底层原理开启Java远程调试底层原理JVM参数总结&nbsMbKKXJx

Spring Cloud之注册中心Nacos的使用详解

《SpringCloud之注册中心Nacos的使用详解》本文介绍SpringCloudAlibaba中的Nacos组件,对比了Nacos与Eureka的区别,展示了如何在项目中引入SpringClo... 目录Naacos服务注册/服务发现引⼊Spring Cloud Alibaba依赖引入Naco编程s依

java导出pdf文件的详细实现方法

《java导出pdf文件的详细实现方法》:本文主要介绍java导出pdf文件的详细实现方法,包括制作模板、获取中文字体文件、实现后端服务以及前端发起请求并生成下载链接,需要的朋友可以参考下... 目录使用注意点包含内容1、制作pdf模板2、获取pdf导出中文需要的文件3、实现4、前端发起请求并生成下载链接使

Java springBoot初步使用websocket的代码示例

《JavaspringBoot初步使用websocket的代码示例》:本文主要介绍JavaspringBoot初步使用websocket的相关资料,WebSocket是一种实现实时双向通信的协... 目录一、什么是websocket二、依赖坐标地址1.springBoot父级依赖2.springBoot依赖

如何用java对接微信小程序下单后的发货接口

《如何用java对接微信小程序下单后的发货接口》:本文主要介绍在微信小程序后台实现发货通知的步骤,包括获取Access_token、使用RestTemplate调用发货接口、处理AccessTok... 目录配置参数 调用代码获取Access_token调用发货的接口类注意点总结配置参数 首先需要获取Ac

Java逻辑运算符之&&、|| 与&、 |的区别及应用

《Java逻辑运算符之&&、||与&、|的区别及应用》:本文主要介绍Java逻辑运算符之&&、||与&、|的区别及应用的相关资料,分别是&&、||与&、|,并探讨了它们在不同应用场景中... 目录前言一、基本概念与运算符介绍二、短路与与非短路与:&& 与 & 的区别1. &&:短路与(AND)2. &:非短

Java的volatile和sychronized底层实现原理解析

《Java的volatile和sychronized底层实现原理解析》文章详细介绍了Java中的synchronized和volatile关键字的底层实现原理,包括字节码层面、JVM层面的实现细节,以... 目录1. 概览2. Synchronized2.1 字节码层面2.2 JVM层面2.2.1 ente

基于Python开发PDF转PNG的可视化工具

《基于Python开发PDF转PNG的可视化工具》在数字文档处理领域,PDF到图像格式的转换是常见需求,本文介绍如何利用Python的PyMuPDF库和Tkinter框架开发一个带图形界面的PDF转P... 目录一、引言二、功能特性三、技术架构1. 技术栈组成2. 系统架构javascript设计3.效果图