一、微信扫码登录
- 首先通过socket.io和服务器建立连接
- 获取服务器返回的二维码地址
- 通过qrcode把返回的地址生成二维码
- 登入微信,使用手机进行扫码
- socket.io需要执行的事件
1)connect连接成功的事件
2)scancodeSuccess扫码成功的事件 - 需要在扫码成功后,接收服务器返回的wechatCode,并且通过微信登入接口 /users/wechatLogin将wechatCode进行回传
- 登录成功,将用户信息和token存到本地存储,跳转页面
优化:
二维码遮罩:通过加一个元素 里面加 扫码成功图标 实现
socket.io
Socket.io是一个WebSocket库
H5中新增的技术websocket 能实现双工通讯
websocket 客户端和服务端只需要进行一次握手,握手成功之后,服务端可以主动地向客户端发起通讯,客户端也可以向服务端发起通讯。
二、账号密码登陆
1.收集用户的表单数据,发送给服务端
2.服务端会进行校验,校验通过,返回用户信息和token
3.将token存到本地存储
4.登入成功需要跳转到主页