微信公众号小程序登录（微信公众号小程序登录不上）

## 微信公众号小程序登录### 简介微信公众号小程序登录是指用户通过微信客户端扫描小程序二维码或在公众号关联小程序列表中打开小程序时，开发者可在小程序中获取到用户的微信身份信息，无需用户填写表单进行注册登录，进而实现用户快速登录小程序的功能。这种登录方式安全便捷，能够有效提高用户体验，是目前小程序开发中常用的登录方式之一。### 微信公众号小程序登录流程详解#### 一、准备工作1.

注册微信公众号和小程序账号

: 你需要分别拥有一个已认证的微信公众号和一个小程序账号，并将两者进行关联。 2.

配置服务器域名

: 在微信公众平台和小程序后台配置好你的服务器域名，用于接收微信服务器的请求和发送数据。 3.

引入微信JS-SDK

: 在你的网页中引入微信JS-SDK，用于调用微信登录相关的API。#### 二、获取用户登录凭证 (code)1.

引导用户触发登录

: 在你的小程序中，引导用户点击按钮或进行其他操作来触发微信登录。 2.

调用wx.login() API

: 当用户触发登录操作后，调用小程序提供的 `wx.login()` API 获取用户的登录凭证 (`code`)。`code` 是一个包含用户信息的加密字符串，其有效期只有五分钟，并且只能使用一次。```javascriptwx.login({success (res) {if (res.code) {// 发送 res.code 到你的后台服务器console.log('登录凭证：', res.code)} else {console.log('登录失败！' + res.errMsg)}}})```#### 三、服务端获取用户 OpenID 和 Session Key1.

发送 code 到服务器

: 将获取到的 `code` 发送到你的后台服务器。 2.

服务器请求微信API

: 你的后台服务器需要使用 `code`、你的小程序 `appid` 和 `secret`，通过微信提供的 `auth.code2Session` 接口获取用户的唯一标识 `openid` 和会话密钥 `session_key`。```bashhttps://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=CODE&grant_type=authorization_code```#### 四、生成自定义登录态1.

验证用户信息

: 在获取到用户的 `openid` 后，你可以选择将其与你自身的用户系统进行匹配，判断该用户是否是新用户。 2.

生成自定义登录态

: 无论是新用户还是老用户，为了方便后续的交互，你需要生成一个自定义登录态（例如 token）, 并将 `openid` 和其他用户信息关联起来存储在你的服务器上。 3.

返回登录态

: 将生成的自定义登录态返回给小程序端。#### 五、小程序端保存登录态1.

接收登录态

: 小程序端接收到服务器返回的自定义登录态后，需要将其存储在本地，例如使用 `wx.setStorage` 存储。 2.

后续请求携带登录态

: 在后续的请求中，小程序需要携带该登录态，以便服务器识别用户身份。### 安全注意事项

保护用户隐私

: 仅获取必要的用户信息，并妥善保管用户的 `openid` 和其他敏感数据。

防止 code 泄露

: `code` 具有时效性，且只能使用一次，应避免在客户端进行存储或传输，尽量在获取后立即发送到服务器端进行处理。

使用 HTTPS

: 与微信服务器交互以及传输敏感数据时，应始终使用 HTTPS 协议，确保数据传输安全。### 总结微信公众号小程序登录为开发者提供了一种安全便捷的用户登录方式，通过以上步骤，你可以轻松实现小程序的用户登录功能，并与自身业务系统进行整合。在开发过程中，请务必遵循微信官方文档和安全建议，确保用户数据的安全性和用户体验。