实现用户登录--微信扫码、账号密码

一、微信扫码登录

  1. 首先通过socket.io和服务器建立连接
  2. 获取服务器返回的二维码地址
  3. 通过qrcode把返回的地址生成二维码
  4. 登入微信,使用手机进行扫码
  5. socket.io需要执行的事件
    1)connect连接成功的事件
    2)scancodeSuccess扫码成功的事件
  6. 需要在扫码成功后,接收服务器返回的wechatCode,并且通过微信登入接口 /users/wechatLogin将wechatCode进行回传
  7. 登录成功,将用户信息和token存到本地存储,跳转页面

优化:

二维码遮罩:通过加一个元素 里面加 扫码成功图标 实现

socket.io

Socket.io是一个WebSocket库

H5中新增的技术websocket 能实现双工通讯

websocket 客户端和服务端只需要进行一次握手,握手成功之后,服务端可以主动地向客户端发起通讯,客户端也可以向服务端发起通讯。

二、账号密码登陆

1.收集用户的表单数据,发送给服务端

2.服务端会进行校验,校验通过,返回用户信息和token

3.将token存到本地存储

4.登入成功需要跳转到主页

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值