微信扫码登录

title: 微信扫码登录 id: 77a0d7519e00220e2e9287b2443a74a8 tags: [] date: 2000/01/01 00:00:00 updated: 2023/12/21 17:46:30 isPublic: true --#|[分隔]|#--

微信扫码登录

这个功能的表现：

• 用户在某网站点击「微信登录」

• 页面展示一个二维码，或者跳转新页面展示一个二维码

• 用户手机微信扫描，同意授权登录

• 页面自动刷新，完成微信登录

本质是：

• 网站开发者在微信开放平台注册一个网站应用，绑定他们的网站地址

• 用户点击网站上的使用微信登录按钮

• 网站js开始处理，使用两种方式中的一种，弹出二维码供用户扫码授权：

  1. 普通方式，按照微信的规则，组装好一个页面地址，跳转过去，页面自动展示二维码

  2. 将微信登录二维码内嵌到自己页面，先引入微信的一个js文件，实例化对象，生成二维码展示

• 展示二维码后，用户微信扫码，同意授权登录

• 页面自动跳转或刷新，回到网站某页面，网站从url中得到微信返回的数据

• 使用微信返回的数据，向微信换取用户openId

用户的这个openId，只对这个网站应用唯一且固定，如果有另一个网站应用拿这个用户的openId，拿到的会是另一个值。

注意：开放平台的授权登录功能，基本就上面这些了，更复杂的业务，比如推送消息什么的，需要其他微信服务。

详细请查阅 官方文档，文档描述挺详尽的。

首先打开微信开发平台 https://open.weixin.qq.com/，使用邮箱注册登录。

进入 管理中心 -> 网站应用 -> 创建网站应用。

这个貌似没有测试账号，必须真实创建应用才行。

Snipaste_2021-03-26_13-42-10.png

这里会需要填写应用授权第三方登陆的回调地址，需要是备案完成的一个域名。

创建完成后，得到应用的 appId 和 appSecret 。