扫码登录
Jonnzer Lv4

前言

形如微信扫码登录的场景,我们常常也会遇到类似的需求。

大致表现形式为:

  • 第一步:PC有个扫码登录的需求,出现二维码,不扫则会在几分钟内过期,过期的二维码无效。可点击刷新获取最新二维码。

  • 第二步:移动(APP / 小程序) 端会打开同意授权 PC 页面(移动端需持有登录态,未登录将在支撑扫码登录业务前 先进行自身端的登录),确认授权后,PC 会获得用户信息并刷新界面。

注意:本文后面的移动端都会泛指(APP / 小程序)😉~

疑问点:

那么 pc 是如何拿到 app 的 某种 授权机制 去登录呢?ok! 让我们剖析背后的时机,数据以及请求方式。


1 多端的猜想与验证

以下交互参考腾讯云:

多端 :首先完成这个需求,至少要出现以下几个端 ,先从表现上分析:

PC

二维码的几种状态:

a. 未扫码:此时会出现完整的二维码。

b. APP 或者 微信扫码后,二维码会出现蒙版,蒙版上面有已扫描成功的效果,并提示在扫码端点击确认。

c. 假如过期时间到了仍没被扫码,将会出现过期态和重新获取最新二维码的按钮。

快问快答:

问:那么这个二维码是怎么来的,里面存储了哪些信息呢?

答:pc的身份识别信息?

移动端

(1)打开扫一扫

(2)跳转扫码确认页

(3)扫码成功

后台

(1)生成二维码

(2)

(3)

2 扫码登录的优势?

3 完整的扫码登录流程 code

1
2
// 轮询
code

参考链接:
blog
原理

  • 本文标题:扫码登录
  • 本文作者:Jonnzer
  • 创建时间:2022-05-15 21:54:27
  • 本文链接:https://jonnzer.github.io/2022/05/15/业务场景/扫码登录/
  • 版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
 评论