uniapp授权登陆操作

小莉爱编程

已于 2024-01-22 16:03:08 修改

阅读量1.7w

点赞数 22

分类专栏： uniapp vue 文章标签： uni-app

于 2021-10-27 11:04:56 首次发布

本文链接：https://blog.csdn.net/qq_45018844/article/details/120986607

版权

vue 同时被 2 个专栏收录

25 篇文章 8 订阅 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

uniapp

24 篇文章 16 订阅 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文详细介绍了uni-app授权登录的整个流程，包括用户点击登录按钮弹出授权弹窗，获取code，调用后端接口获取token，使用vuex保存登录状态，并由后端解密返回用户信息。

摘要由CSDN通过智能技术生成

效果

在这里插入图片描述

分析：登录流程

 1.用户点击登录按钮，弹出授权弹窗
 2.用户确认授权，调用uni.login接口，拿到code
 3.使用code调用后端接口,接收后端返回的自定义登录态,如token等
 4.登录状态在本地保存起来,用的时候在vuex取用
 5.用户信息由后端解密，统一返回，再存入本地
 此处简化了流程,没有返回自定义登录状态,直接使用openid来判断用户，用户信息也没有做特别处理，获取到之后就进行了存储