微信扫码登录设计文档

返回
Author Avatar
钢翼
2020-12-25
编程
186

背景

个人申请微信授权登录麻烦。

优点

  • 1.无需申请接口,只需改你的小程序,然后版本审核通过即可。
  • 2.极大的提升了用户体验。
  • 3.安全性比密码登录高一丢丢。
  • 4.用户不用记那么多密码,也不用担心密码泄露。

缺点

  • 1.每分钟最多生成2000张二维码。不过小众冷门网站无所谓。
  • 2.个人网站登录后如果有交互式的操作,比如评论留言,备案会很麻烦。这里只是简单介绍一个思路。

登录流程

graph LR
  A(开始) 
  B[登录页]
  C[进入主页]
  D[小程序授权页]  
  E[后端] 
  A --> B
  B--1.请求小程序码图片--> E
  E--2.生成带参小程序码,<br/>参数为guid,5分钟内有效--> B  
  B-.->|3.微信扫码|D
  D--4.发送已扫码报文-->E
  E--5.ws推送扫码状态-->B
  D--6.点击授权<br/>发送guid和openid报文-->E
  E--7.ws推送登录成功<br/>注:openid找不到则自动创建新用户-->B
  B--8.登录成功-->C   
  linkStyle 1 stroke:#f0f,stroke-width:1px
  linkStyle 2 stroke:#f0f,stroke-width:1px
  linkStyle 4 stroke:#f00,stroke-width:1px
  linkStyle 5 stroke:#f00,stroke-width:1px 
  linkStyle 6 stroke:#00f,stroke-width:1px
  linkStyle 7 stroke:#00f,stroke-width:1px 
  linkStyle 8 stroke:#00f,stroke-width:1px