开源一个 vue 项目实现:利用网页授权进行 PC 端扫码登录
之前研究了下微信端扫码登录的实现微信网页扫码登录和公众号网页授权登录的比较
因为微信开放平台的扫码登录需要认证(交钱),就稍微麻烦一点使用网页授权的方式来做 PC 端扫码登录。
# 实现思路
简要介绍
PC 端点击扫码登录时会生成一个 uuid 并弹出一个二维码,二维码地址(附带了生成的 uuid)是移动端的网页,微信扫码后打开的是配置好的网页授权链接,通过网页授权的方式获取 code 拿到用户 openid 或者 unionid 后存入数据库中,PC 端通过轮询方式根据生成的 uuid 作为参数来获取用户 id 进行登录
# 涉及技术
- vue:2.6.11
- vuex:3.1.2
- vue-router:3.1.5
- vue-qr:2.2.1
- element-ui:2.13.0
- vant:2.5.3
- koa:2.11.0
- mongodb:3.6.0