微信授权登录 | 全过程讲解[官方文档-＞代码梳理-＞注意点] uniapp+springboot(附Gitee源码)

目录

🚢微信登录官方文档流程梳理🚢

🛳️反推过程🛳️

⛴️1.获取用户信息⛴️

🛥️ 2.获取access_token 和 openid🛥️

🚤 3.获取code🚤

🚁视频源码分享🚁

🚢微信登录官方文档流程梳理🚢

核心目标: 通过用户微信认证 获取用户信息

🛳️反推过程🛳️

⛴️1.获取用户信息⛴️

获取用户个人信息（UnionID 机制）

官网链接

GET

https://api.weixin.qq.com/sns/userinfo?access_token=ACCESS_TOKEN&openid=OPENID

​ 

返回结果:

微信获取信息变更

{
  "openid": "OPENID",
  "nickname": "NICKNAME",
  "sex": 1,
  "province": "PROVINCE",
  "city": "CITY",
  "country": "COUNTRY",
  "headimgurl": "https://thirdwx.qlogo.cn/mmopen/g3MonUZtNHkdmzicIlibx6iaFqAc56vxLSUfpb6n5WKSYVY0ChQKkiaJSgQ1dZuTOgvLLrhJbERQQ4eMsv84eavHiaiceqxibJxCfHe/0",
  "privilege": ["PRIVILEGE1", "PRIVILEGE2"],
  "unionid": " o6_bmasdasdsad6_2sgVt7hMZOPfL"
}

🛥️ 2.获取access_token 和 openid🛥️

用户请求接口需要 参数access_token 和 openid

通过 code 获取 token

官网链接

GET

https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code

​ 

返回结果:

{
  "access_token": "ACCESS_TOKEN",
  "expires_in": 7200,
  "refresh_token": "REFRESH_TOKEN",
  "openid": "OPENID",
  "scope": "SCOPE"
}

🚤 3.获取code🚤

通过 code 获取 access_token的接口需要参数 appid和secret

通过微信开放文档获取(找你们的组长要就行)

code是我们自己得获取到的

uni.login(OBJECT)

官网链接

uni.login是一个客户端API，统一封装了各个平台的各种常见的登录方式，包括App手机号一键登陆、三方登录（微信、微博、QQ、Apple、google、facebook）、各家小程序内置登录。

​ 

⛵4.配置uniapp 登录功能开放 获取服务商权限⛵

uni.getProvider(OBJECT)

官网链接

获取服务供应商。

在App平台，可用的服务商，是打包环境中配置的服务商，与手机端是否安装了该服务商的App没有关系。

​

🚁视频源码分享🚁

前端状态管理:vuex和非vuex两种方式实现

 关于功能的动态详细讲解

我专门录制的一期B站视频 作为讲解

🥝 具体源码🥝

放在视频简介(gitee 前后端地址都有)

【微信授权登录 | 全过程讲解[官方文档->代码梳理->注意点] APP版(附Gitee源码)】 

B站链接

🥰制作不易  还望大家三连支持🥰

​