vue3 uniapp微信登录

ops/2024/9/24 7:24:57/

根据最新的微信小程序官方的规定,uniapp中的uni.getUserInfo方法不再返回用户头像和昵称、以及手机号

首先,需获取appID,appSecret,如下图

先调用uni.getUserInfo方法获取code,然后调用后台的api,传入code,换取登录信息比如openid什么的,然后调用后台的例如账号密码或者手机验证码等相关登录的接口,换取token存入本地,即可。

uni.getUserInfo({provider: 'weixin',success: function(info) {// 获取用户信息成功, info.authResult保存用户信息uni.login({provider: 'weixin',success: function(loginRes) {console.log(loginRes, '---loginRes')wxLoginApi({code: loginRes.code}).then(res => {if (res.code === '200') {loginParamObj.value = res.data;if (loginParamObj.value.bindStatus === '1') {//已绑定,直接登录// userStore.SET_FRESH_TOKEN(res.data.refresh_token)} else {// 留在登录页initLoginStatus.value = true}}})},fail: function(err) {// 登录授权失败// err.code是错误码}});}})

登录后要配合pinia,将token存入本地即可

import {defineStore
} from 'pinia'
const user = defineStore('user', () => {const token = ref(''); // 登录tokenconst fresh_token = ref('');const SET_TOKEN = (value : string) => {token.value = value};const SET_FRESH_TOKEN = (value : string) => {fresh_token.value = value};return {token,fresh_token,}}, {unistorage: true // 开启后对 state 的数据读写都将持久化
})
// const user = ()=>{// }
export default user


http://www.ppmy.cn/ops/8523.html

相关文章

世强硬创获昕感科技授权代理,SiC MOSFET实现超低导通电阻

近日,世强先进(深圳)科技股份有限公司(下称“世强先进”)获北京昕感科技有限责任公司(下称“昕感科技”,英文名:NEXIC)授权代理,为光伏、储能、电网、新能源汽…

ConstraintLayout父布局中RecycleView最后一个Item展示不全问题记录

随着ConstraintLayout用的越来越多,也发现了很多不可思议的事情,要多多注意,特此记录一下。 最近在一个项目中,用到RecycleView,父布局是 ConstraintLayout,很简单的布局,运行后,Re…

LeetCode-最大子数组和

每日一题 今天刷到的是一道利用动态规划解决的题目 题目要求 给你一个整数数组 nums ,请你找出一个具有最大和的连续子数组(子数组最少包含一个元素),返回其最大和。 示例 1: 输入:nums [-2,1,-3,4,-…

「GO基础」目录

💝💝💝欢迎莅临我的博客,很高兴能够在这里和您见面!希望您在这里可以感受到一份轻松愉快的氛围,不仅可以获得有趣的内容和知识,也可以畅所欲言、分享您的想法和见解。 推荐:「stormsha的主页」…

Meta Llama 3 简介

文章目录 要点我们对 Llama 3 的目标最先进的性能模型架构训练数据扩大预训练规模指令微调与 Llama 3 一起建造系统级责任方法大规模部署 Llama 3Llama 3 的下一步是什么?立即尝试 Meta Llama 3 本文翻译自:https://ai.meta.com/blog/meta-llama-3/ 要点…

spring boot中的标注@Component、@Service等

让我告诉你什么叫水货。 一、水货横行 一直以来,我对Spring Boot项目中的标注,像Component啦、Service啦、Configuration啦,甚至Autowired啦,等等,都似懂非懂。Autowired与Resource有什么区别也不清楚。 个中原因&a…

《星尘传说》游戏完整源码(源码+引擎+客户端+服务端+教程+工具),云盘下载

《星尘传说》是一款奇幻类大型多人在线角色扮演电脑客户端游戏,该游戏设置有两大阵营,六个国家以及22个职业,采用3D卡通风格, 有兴趣的,可以架设个外网,让大家一起玩。 《星尘传说》游戏完整源码&#xff0…

echart+map发散地图静态射线设置

世界地图或中国地图的射线功能 本案例是vue2echart4.9。实现上饶--纽约 和上饶--越南的两条线路 关键代码 map: world 其他关键代码都有注释&#xff0c;可以直接复制运行查看 <template><div><div id"chinaMapContainer" style"width: 100%;…