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官网的插件市场 随便找一个就行

在这里插入图片描述

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

		//请求到的uid  存到url 生成 二维码
			request2(){
				// this.url=3
				uni.request({
					url: this.$store.state.API + '/api/v1/webpage-login-uid',
					method: 'GET',
					// data: {
					// 	text: 'uni.request',
					// 	'token': this.$store.state.tokenInfo
					// },
					header: {
						'content-type':&#
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值