一、简介
从登录的交互形式角度，登录有很多方式：账号密码登录、验证码登录、手机号一键登录、扫码登录等等。
今天我们聊一聊扫码登录的原理。
先来看两个扫码登录的场景：
1. 手机已经登录知乎，如果我们想在PC网页登录，可以使用知乎移动端扫码登录。
2. 使用微信扫码登录PC网页ProcessOn （这是一个免费作图的网站）。
从账号体系角度，这是扫码登录的两种方式：自有账户登录登录和第三方登录。
我们在面试中问“请讲一讲扫码登录的原理”，通常指的是自有账户登录；而在实际业务开发中，基于微信的第三方登录是很常见的一个需求。
下面我们讨论这两种扫码登录如何实现。
二、自有账户扫码登录
前置条件： 用户手机已经登录账号（如知乎），因此有完备的用户信息。
整个登录过程中，一个关键的、串联整个过程的参数是“key”（或者叫场景id），后端、PC、移动端都是通过这个key关联到相应的信息，从而串联起整个登录过程。
文章来源：https://www.toymoban.com/news/detail-493303.html
扫码登录过程：文章来源地址https://www.toymoban.com/news/detail-493303.html
- 用户访问登录页面，前端向后端请求登录的二维码和key，这个key用来索引用户登录状态。
- 服务端生成二维码，并将key（假设是"123"）保存（本地或redis），然后将二维码和参数返给前端，这里可以后端生成二维码并上传到OSS，然后返回给前端二维码的地址；也可以直接返回给前端字符串，前端自己去生成二维码：
到了这里，关于前端面试问题：扫码登录原理详解的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
