扫码登录
前言
形如微信扫码登录的场景,我们常常也会遇到类似的需求。
大致表现形式为:
第一步:
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 | // 轮询 |
- 本文标题:扫码登录
- 本文作者:Jonnzer
- 创建时间:2022-05-15 21:54:27
- 本文链接:https://jonnzer.github.io/2022/05/15/业务场景/扫码登录/
- 版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
评论