Skip to content

怎么实现一个扫描二维码登录PC网站的需求?

参考答案:

二维码登录本质

二维码登录本质上也是一种登录认证方式。既然是登录认证,要做的也就两件事情:

  • 告诉系统我是谁
  • 向系统证明我是谁

扫描二维码登录的一般步骤

  • 扫码前,手机端应用是已登录状态,PC端显示一个二维码,等待扫描
  • 手机端打开应用,扫描PC端的二维码,扫描后,会提示"已扫描,请在手机端点击确认"
  • 用户在手机端点击确认,确认后PC端登录就成功了

具体流程

生成二维码

  • PC端向服务端发起请求,告诉服务端,我要生成用户登录的二维码,并且把PC端设备信息也传递给服务端
  • 服务端收到请求后,它生成二维码ID,并将二维码ID与PC端设备信息进行绑定
  • 然后把二维码ID返回给PC端
  • PC端收到二维码ID后,生成二维码(二维码中肯定包含了ID)
  • 为了及时知道二维码的状态,客户端在展现二维码后,PC端不断的轮询服务端,比如每隔一秒就轮询一次,请求服务端告诉当前二维码的状态及相关信息,或者直接使用websocket,等待在服务端完成登录后进行通知

扫描二维码

  • 用户用手机去扫描PC端的二维码,通过二维码内容取到其中的二维码ID
  • 再调用服务端API将移动端的身份信息与二维码ID一起发送给服务端
  • 服务端接收到后,它可以将身份信息与二维码ID进行绑定,生成临时token。然后返回给手机端
  • 因为PC端一直在轮询二维码状态,所以这时候二维码状态发生了改变,它就可以在界面上把二维码状态更新为已扫描

状态确认

  • 手机端在接收到临时token后会弹出确认登录界面,用户点击确认时,手机端携带临时token用来调用服务端的接口,告诉服务端,我已经确认
  • 服务端收到确认后,根据二维码ID绑定的设备信息与账号信息,生成用户PC端登录的token
  • 这时候PC端的轮询接口,它就可以得知二维码的状态已经变成了"已确认"。并且从服务端可以获取到用户登录的token
  • 到这里,登录就成功了,后端PC端就可以用token去访问服务端的资源了

题目要点:

二维码登录的本质

二维码登录的目的是让用户能够在不输入账号密码的情况下登录系统,实现这一目的需要用户告诉系统自己的身份信息,并通过某种方式向系统证明自己的身份。

扫描二维码登录的一般步骤

  1. 扫码前:手机端应用已登录,PC端显示一个二维码等待扫描。
  2. 手机端扫描:用户用手机扫描PC端的二维码。
  3. 手机端确认:用户在手机端点击确认,完成登录过程。

具体流程

生成二维码

  1. PC端请求:PC端向服务端请求生成登录二维码,并传递PC端设备信息。
  2. 服务端响应:服务端生成二维码ID,与PC端设备信息绑定,返回二维码ID给PC端。
  3. PC端生成二维码:PC端使用二维码ID生成二维码。
  4. PC端轮询:PC端不断轮询服务端,查询二维码状态。

扫描二维码

  1. 用户扫描:用户用手机扫描PC端二维码,获取二维码ID。
  2. 手机端请求:手机端将移动端身份信息与二维码ID发送给服务端。
  3. 服务端处理:服务端将身份信息与二维码ID绑定,生成临时token,返回给手机端。

状态确认

  1. 手机端确认:手机端弹出确认登录界面,用户点击确认。
  2. 服务端处理:服务端根据确认信息生成PC端登录token,并通知PC端。
  3. 登录成功:PC端收到登录token,登录成功,可以使用token访问服务端资源。