uniapp小程序 扫二维码登录uniapp h5

uniapp扫码登录功能

    • 一、测试环境:uniapp小程序 uniapp h5
    • 二、实现思路
    • 三、实现步骤

一、测试环境:uniapp小程序 uniapp h5

二、实现思路

1、手机登录uniapp小程序
2、 uniapp在h5端 通过后端发送的unid 生成二维码
3、 uniapp点击扫一扫 识别h5二维码的标识符 uid 把uid 和 用户名 密码 发给后端
4、后端将 uid 和账户和密码进行绑定
5、前端在扫码登录页面进行 轮询(轮询的时候 每隔几秒发送uid给后端) 查询有没有uid绑定的用户信息 后端如果查到有 就返回token给前端 则登录成功

三、实现步骤

1、前端通过uid生成二维码
在这里我用的是插件(网上找的)qrcode
大家可以去uniapp官网的插件市场 随便找一个就行

uniapp小程序 扫二维码登录uniapp h5_第1张图片

2、进入页面向后端请求uid

你可能感兴趣的:(Uniapp开发H5笔记,小程序,uni-app,前端)