您的位置:

小程序登录授权流程详解

一、小程序登录授权流程图

在开始阐述小程序登录授权流程之前,可以先简单地介绍一下小程序登录授权流程图,方便大家更好地理解整个流程。


+---------------------+              +---------------------+
|                     |              |                     |
|      微信小程序      |              |       微信开放平台     |
|                     |              |                     |
+---------------------+              +---------------------+
           |                                     |
           |            1. 小程序请求授权        |
           +----------------------------------->|
           |            2. 授权登录页面          |
           |<-----------------------------------+
           |            3. 用户同意授权          |
           +----------------------------------->|
           |                                     |
           |           4. 登录成功,返回code      |
           |<-----------------------------------+
           |                                     |
           |            5. code换取session_key   |
           +----------------------------------->|
           |                                     |
           |           6. session_key解密用户信息 |
           +----------------------------------->|
           |                                     |
           |           7. 返回用户信息            |
           |<-----------------------------------+
           |                                     |

二、小程序授权登录流程

当用户使用小程序时,小程序需要获取用户的基本信息作为登录或其他业务的凭证。因此,小程序需要在用户授权登录之后才能获取用户信息。

小程序授权登录流程如下:

  1. 小程序先向微信开放平台请求授权,请求后,微信开放平台会返回一个授权登录页面的url地址;
  2. 小程序将该授权登录页面url地址返回给小程序端;
  3. 小程序将该url地址传给网页组件,网页组件会在小程序中打开该授权登录页面;
  4. 用户在授权登录页面上输入自己的微信账号和密码进行登录验证;
  5. 当用户登录成功后,微信开放平台会返回一个code码给小程序端;
  6. 小程序通过该code码向微信开放平台请求换取用户的openid和session_key,微信开放平台返回用户信息;
  7. 小程序获取到用户的openid和session_key成功之后,就可以实现相应业务的逻辑。

三、小程序登录验证授权过程

在上一节中,我们已经讲解了小程序的授权登录流程,在这一节中,我们深入探索一下如何进行小程序登录验证授权。

首先,在小程序中,要使用微信登录功能必须要先申请相应的权限和信息,这一步需要在微信公众平台进行操作。在微信公众平台上,我们可以进行后台配置,在小程序工程下的' 开发 -  开发设置’ 中,可以配置小程序的AppID和AppSecret,在‘ 小程序登录’ 项中可以进行相关配置。

接下来,我们在小程序的相应页面进行登录授权业务时,需要构造如下一个授权URL:

https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxappid&redirect_uri=url&response_type=code&scope=snsapi_login&state=STATE#wechat_redirect

参数说明:

  • appid: 小程序的appID;
  • redirect_uri: 授权后重定向的回调链接地址,请使用url进行编码;
  • response_type: 返回类型,请填写code;
  • scope: 应用授权作用域,固定值snsapi_login;
  • state: 任意字符串,用于保持请求和回调的状态,授权请求后原样带回给小程序.

例如:

https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxappid&redirect_uri=http%3A%2F%2Fwww.baidu.com&response_type=code&scope=snsapi_login&state=STATE#wechat_redirect

当小程序拼接好授权URL之后,然后载入授权URL即可,它会跳转到登录页面,用户进行登录之后,会回调到小程序设置的回调链接地址,并带上code,小程序接下来可以通过code获取用户信息。

例如,当用户登录验证成功之后,会回调到如下地址:

http://www.baidu.com/?code=001xxxxxxx&state=STATE

小程序可以从这个返回链接中的code参数获取到用户的code码,拿到code码之后,就可以进行用户信息的获取。

四、小程序授权流程图

我们来看一下小程序授权流程图,它可以帮助我们更好的理解小程序授权登录的整个流程。


+---------------------+                       +---------------------+
|                     |                       |                     |
|      微信小程序      |                       |       微信开放平台     |
|                     |                       |                     |
+---------------------+                       +---------------------+
           |                                            |
           |         1. 接收授权事件通知                 |
           +------------------------------------------->|
           |                                            |
           |          2. 构造授权链接,跳转授权页         |
           |<-------------------------------------------+
           |                                            |
           |          3. 用户在授权页中进行授权           |
           +------------------------------------------->|
           |                                            |
           |          4. 根据返回的code获取access_token   |
           |<-------------------------------------------+
           |                                            |
           |          5. 根据access_token获取用户信息     |
           +------------------------------------------->|
           |                                            |
           |          6. 返回用户信息                    |
           |<-------------------------------------------+
           |                                            |

五、微信小程序实现登录流程

微信小程序实现登录流程主要有以下几个步骤:

  1. 首先,在小程序开发者平台的'设置'➡️'开发设置'➡️'小程序登录'中设置授权回调域名。
  2. 在小程序中,使用wx.login()获取用户code码,并将code码传到服务端;
  3. 服务端在收到code码后,使用code码通过微信API可换取access_token、openid和unionid(如果你在小程序后台配置了“获取用户基本信息”,且用户已经同意授权)。如果没有用户基本信息,也可以通过access_token换取用户信息。
  4. 服务端获取到access_token和openid之后,可以进行相应的业务逻辑。

六、微信小程序授权给别人

微信小程序开放了小程序间的授权和分享API,可以方便地实现小程序间的数据传输和操作。

微信小程序授权给别人,需要完成以下几个步骤:

  1. 在小程序后台'设置'➡️'第三方授权'中添加授权方的appId;
  2. 被授权方在小程序中实现授权登录,获取到授权码;
  3. 被授权方将授权码传递到授权方的小程序服务端进行校验,如果校验成功,授权方就可以拿到该用户的信息了。

七、小程序拒绝授权恢复

小程序是否授权不能直接使用,但可以通过异常处理机制对用户的授权状态进行判断。

例如,在一个小程序中,用户打开某个页面需要授权登录。如果用户没有授权,小程序就需要引导用户进行授权,可以弹出一个授权的对话框,请求用户授权,如果用户拒绝授权,可以使用小程序的返回首页或者退出应用的方式,让用户发现自己需要授权才可以进行相关业务操作。

在小程序中,使用wx.getSetting()获取用户授权状态,如果用户没有授权,可以使用wx.authorize()引导用户进行授权。

在用户授权后,如果用户想要重新拒绝授权或撤回授权,可以使用小程序提供的wx.openSetting()函数进行调用,跳转至授权设置页面,让用户进行相应的操作。

小程序登录授权流程详解

2023-05-17
小程序微信授权登录详解

2023-05-21
小程序授权登录流程详解

2023-05-20
微信小程序微信授权登录的详细阐述

2023-05-18
微信小程序登录流程详解

2023-05-19
小程序登录流程详解

2023-05-22
uniapp微信小程序授权登录详解

2023-05-20
uniapp小程序登录应用全解析

2023-05-17
uniapp微信授权登录指南

2023-05-20
Uniapp微信公众号授权登录详解

2023-05-17
微信扫码授权登录php,微信扫码授权登录怎么操作

2023-01-04
Uniapp微信小程序登录详解

2023-05-19
php实现微信网页授权开发教程,微信网页授权登录前端

2023-01-09
小程序一键登录

2023-05-21
微信公众号授权登录详解

2023-05-19
小程序登录js,小程序登录页面

本文目录一览: 1、WeChat小程序基础篇-js事件 2、微信小程序登陆流程 3、微信小程序怎么记录登录用户操作信息? 4、微信小程序里的游戏用什么登录的 5、小程序app.js是配置什么 WeCh

2023-12-08
mysql创建用户之授权登录两台服务器,mysql创建用户和

2022-11-25
网页授权及jssdk(什么是网页授权)

本文目录一览: 1、如何正确地实现在微信里的网页授权和调用js sdk 2、公众号h5中使用微信JS-SDK(个人笔记) 3、微伴助手的项目管理如何设置负责人 如何正确地实现在微信里的网页授权和调用j

2023-12-08
php微信公众号授权登录,微信公众号微信授权登录

2022-12-01
小程序登陆全解析

2023-05-20