微信扫码登录设计文档
钢翼
编程
背景
个人申请微信授权登录麻烦。
优点
- 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