微信一键登录代码片段

<template>
	<view style="position:relative;">
		<!-- <img style="width: 100%; height: 1120rpx;" src="/pagesA/static/background/background.png" /> -->
		<image style="padding-left:170rpx;padding-top:180rpx;width:580rpx;height:560rpx;" src="/static/logo.png">
			<view style="position: fixed;
		top: 0;
		left: 0;
		right: 0%;
		bottom: 0;
		background-color: #21D4FD;
		background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);
		z-index: -1;"></view>
			<button style="position:absolute; width:456rpx;left:77px; top:340px; border-radius: 20px;" lang="zh_CN"
				@click="getPhoneNumber">微信用户快捷登录</button>
			<span style="position:absolute; width:456rpx;left:57px; top:390px;color: white;"
				@click="handleLogin">用户名密码登录</span>
	</view>
</template>

<script>
	import {
		wexinLogin
	} from "@/api/login";

	export default {
		data() {
			return {
				tableNo: '',
			}
		},
		onLoad: function(e) {
			//如何解析
			const url = decodeURIComponent(e.q); //这里的值就是二维码里带的参数值   
			console.log("二维码链接：" + url);
			e = this.GetWxMiniProgramUrlParam(url); //此处就是我们要获取的参数 json
			this.tableNo = e.tableNo
			console.log("设备号：" + this.tableNo);
		},
		methods: {
			GetWxMiniProgramUrlParam(url) {
				let theRequest = {};
				if (url.indexOf("#") != -1) {
					const str = url.split("#")[1];
					const strs = str.split("&");
					for (let i = 0; i < strs.length; i++) {
						theRequest[strs[i].split("=")[0]] = decodeURI(strs[i].split("=")[1]);
					}
				} else if (url.indexOf("?") != -1) {
					const str = url.split("?")[1];
					const strs = str.split("&");
					for (let i = 0; i < strs.length; i++) {
						theRequest[strs[i].split("=")[0]] = decodeURI(strs[i].split("=")[1]);
					}
				}
				return theRequest;
			},
			getPhoneNumber() {
				var that = this;
				uni.showLoading({ // 展示加载框
					title: '加载中',
				});
				uni.getUserInfo({
					provider: 'weixin',
					success: function(info) {
						// 获取用户信息成功, info.authResult保存用户信息
						console.log("用户信息:" + info.userInfo)
						that.nickName = info.userInfo.nickName //用户名
						that.avatarUrl = info.userInfo.avatarUrl //用户头像
						//that.iv = e.detail.iv //用户解密手机的参数
						//that.encryptedData = e.detail.encryptedData //用户解密手机的参数
						uni.login({
							"provider": "weixin",
							"onlyAuthorize": true, // 微信登录仅请求授权认证
							success: function(event) {
								const {
									code
								} = event
								console.log("code" + event.code)
								var params = {
									tableNo: that.tableNo,
									wxCode: event.code,
									//encryptedData: that.encryptedData,
									//iv: that.iv,
									userInfo: info.userInfo
								}
								//微信登录
								wexinLogin(params).then(res => {
									if (res.code == 200) {
										uni.showToast({
											title: '登录成功',
											icon: 'success',
											mask: true,
										});
										//清除原有数据
										uni.removeStorageSync('userInfo');
										uni.removeStorageSync('token');
										uni.removeStorageSync();
										//存储用户信息
										uni.setStorageSync('App-Token', res.data.token)
										uni.setStorageSync('data', res.data)
										console.log('用户数据', res.data)
										uni.switchTab({
											url: "/pages/index"
										})
									}
								})
							},
							fail: function(err) {
								// 登录授权失败  
								//err.code是错误码
							}
						})
					}
				})
			},
			handleLogin() {
				// 跳转页面
				uni.navigateTo({
					url: '/pages/login'
				})
			}
		}
	}
</script>
<style>
	page {
		background-color: #ffffff;
	}

	.header {
		margin: 90rpx 0 90rpx 50rpx;
		border-bottom: 1px solid #ccc;
		text-align: center;
		width: 650rpx;
		height: 300rpx;
		line-height: 450rpx;
	}

	.header image {
		width: 200rpx;
		height: 200rpx;
	}

	.content {
		margin-left: 50rpx;
		margin-bottom: 90rpx;
	}

	.content text {
		display: block;
		color: #9d9d9d;
		margin-top: 40rpx;
	}

	.bottom {
		border-radius: 80rpx;
		margin: 70rpx 50rpx;
		font-size: 35rpx;
	}

	<style>

/**
     * 获取微信授权
     * @param wxCode
     * @return
     */
    private Map<String, String> wxAuth(String wxCode) {
        HashMap<String, String> hashMap = new HashMap<>();
        if (wxCode == null) {
            return null;
        }
        String sessionKey = null;
        String openId = null;
        try {
            WxMaJscode2SessionResult result = this.wxService.getUserService().getSessionInfo(wxCode);
            sessionKey = result.getSessionKey();
            openId = result.getOpenid();
        } catch (Exception e) {
            e.printStackTrace();
        } finally {
            WxMaConfigHolder.remove();//清理ThreadLocal
        }
        if (sessionKey == null || openId == null) {
            return null;
        }
        hashMap.put("openId", openId);
        hashMap.put("sessionKey", sessionKey);
        return hashMap;
    }

    /**
     * 微信登录
     *
     * @param wxLoginInfo 请求内容，{ code: xxx, userInfo: xxx }
     * @return 登录结果
     */
    @PostMapping("/loginByWeixin")
    public AjaxResult loginByWeixin(@RequestBody WxLoginInfo wxLoginInfo) {
        AjaxResult ajax = AjaxResult.success();
        String wxCode = wxLoginInfo.getWxCode();
        UserInfo userInfo = wxLoginInfo.getUserInfo();
        Map<String, String> wxAuth = wxAuth(wxCode);
        if (wxAuth == null || userInfo == null) {
            return AjaxResult.error("授权信息获取失败");
        }
        String openId = wxAuth.get("openId");
        String sessionKey = wxAuth.get("sessionKey");
        //WxMaPhoneNumberInfo phoneNoInfo = null;
        // 解密手机号
        //phoneNoInfo = wxService.getUserService().getPhoneNoInfo(sessionKey, wxLoginInfo.getEncryptedData(), wxLoginInfo.getIv());
        //WxMaConfigHolder.remove();//清理ThreadLocal
        SysUser user = userService.selectUserByOpenId(openId);
        String token = null;
        if (user == null) {
            //todo 暂定填写该值,后期待完善
            user = new SysUser();
            StringJoiner stj = new StringJoiner("", "YH", "");
            stj.add(sequenceFactory.generateOrderNum("JMT", 5));
            user.setUserCode(stj.toString());
            user.setUserName(sessionKey);
            user.setPassword(SecurityUtils.encryptPassword(openId));
            user.setOpenId(openId);
            user.setAvatar(userInfo.getAvatarUrl());
            user.setSessionKey(sessionKey);
            //user.setPhonenumber(phoneNoInfo.getPhoneNumber()); //被小程序禁止
            //添加设备号
            user.setTableNo(wxLoginInfo.getTableNo());
            //设定状态(第一次小程序授权)
            user.setLoginStatus("未授权");
            userService.insertUser(user);
            // 生成token值
            token = loginService.login(user.getUserName(), user.getOpenId());
        } else {
            //更改设备号(防止同一人换设备体验)
            userService.updateTableNoByOpenId(openId, wxLoginInfo.getTableNo());
            //更改授权状态（第二次VR端扫码）
            userService.updateLoginStatusByOpenId(openId, "已授权");
            //下次登录需要用到这个token值
            token = loginService.login(user.getUserName(), openId);
            user.setSessionKey(sessionKey);
        }
        ajax.put("token", token);
        ajax.put("userInfo", user);
        return AjaxResult.success(ajax);
    }