微信小程序之微信登录（详解）

短命女 2023-10-13 23:58 41阅读 0赞

## 1 微信登录流程 ##

微信登录：[小程序登录 | 微信开放文档][Link 1]

![3a7ba317d734404aae174ff5f85e5e11.jpeg][]

**步骤分析：**

之后开发者服务器可以根据用户标识来生成自定义登录态，用于后续业务逻辑中前后端交互时识别用户身份。

1.  小程序端，调用wx.login()获取code，就是授权码。
2.  小程序端，调用wx.request()发送请求并携带code，请求开发者服务器(自己编写的后端服务)。
3.  开发者服务端，通过HttpClient向微信接口服务发送请求，并携带appId+appsecret+code三个参数。
4.  开发者服务端，接收微信接口服务返回的数据，session\_key+opendId等。opendId是微信用户的唯一标识。
5.  开发者服务端，自定义登录态，生成令牌(token)和openid等数据返回给小程序端，方便后绪请求身份校验。
6.  小程序端，收到自定义登录态，存储storage。
7.  小程序端，后绪通过wx.request()发起业务请求时，携带token。
8.  开发者服务端，收到请求后，通过携带的token，解析当前登录用户的id。
9.  开发者服务端，身份校验通过后，继续相关的业务逻辑处理，最终返回业务数据。
10. 接下来，我们使用Postman进行测试。
    
    **说明：**
11. 调用 [wx.login()][wx.login] 获取 **临时登录凭证code** ，并回传到开发者服务器。
12. 调用 [auth.code2Session][] 接口，换取 **用户唯一标识 OpenID** 、 用户在微信开放平台帐号下的**唯一标识UnionID**（若当前小程序已绑定到微信开放平台帐号） 和 **会话密钥 session\_key**。

**实现步骤：**

**1). 获取授权码**

点击确定按钮，获取授权码，每个授权码只能使用一次，每次测试，需重新获取。

![bce2a43dac714435bf539a27288ba0e5.png][]

**2). 明确请求接口**

请求方式、请求路径、请求参数

![c156d119174a4c4f8454086b784e2181.png][]

**3). 发送请求**

获取session\_key和openid

![46c66779b23f48278160e4838a4f1278.png][]

若出现code been used错误提示，说明授权码已被使用过，请重新获取

![cfbbdf324d4d4b1892b2bdbb9ecb9bf3.png][]

[Link 1]: https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/login.html
[3a7ba317d734404aae174ff5f85e5e11.jpeg]: https://img-blog.csdnimg.cn/3a7ba317d734404aae174ff5f85e5e11.jpeg
[wx.login]: https://developers.weixin.qq.com/miniprogram/dev/api/open-api/login/wx.login.html
[auth.code2Session]: https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/login/auth.code2Session.html
[bce2a43dac714435bf539a27288ba0e5.png]: https://img-blog.csdnimg.cn/bce2a43dac714435bf539a27288ba0e5.png
[c156d119174a4c4f8454086b784e2181.png]: https://img-blog.csdnimg.cn/c156d119174a4c4f8454086b784e2181.png
[46c66779b23f48278160e4838a4f1278.png]: https://img-blog.csdnimg.cn/46c66779b23f48278160e4838a4f1278.png
[cfbbdf324d4d4b1892b2bdbb9ecb9bf3.png]: https://img-blog.csdnimg.cn/cfbbdf324d4d4b1892b2bdbb9ecb9bf3.png