编程崽

登录

一叶在编程苦海沉沦的扁舟之上,我是那只激情自射的崽

微信扫码登录

微信扫码登录

这个功能的表现:

  • 用户在某网站点击「微信登录」
  • 页面展示一个二维码,或者跳转新页面展示一个二维码
  • 用户手机微信扫描,同意授权登录
  • 页面自动刷新,完成微信登录

本质是:

  • 网站开发者在微信开放平台注册一个网站应用,绑定他们的网站地址
  • 用户点击网站上的使用微信登录按钮
  • 网站js开始处理,使用两种方式中的一种,弹出二维码供用户扫码授权:
    1. 普通方式,按照微信的规则,组装好一个页面地址,跳转过去,页面自动展示二维码
    2. 将微信登录二维码内嵌到自己页面,先引入微信的一个js文件,实例化对象,生成二维码展示
  • 展示二维码后,用户微信扫码,同意授权登录
  • 页面自动跳转或刷新,回到网站某页面,网站从url中得到微信返回的数据
  • 使用微信返回的数据,向微信换取用户openId

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

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

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

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

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

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

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

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

创建完成后,得到应用的 appIdappSecret

更新时间:2023/12/21 17:46:30
本页目录