使用微信小程序扫码登录系统PC端web的功能

1、项目说明：

项目PC端（vue单页面应用，前后端分离）、移动端（微信小程序）共用同一Java Springboot服务。小程序可以直接获取微信手机号登录，不需要密码，因为系统黙认密码是随机的，因此在登录PC端时，用户就不知道密码是多少，实现PC端登录目前可以用三种方案：

1）因为可以直接登录微信小程序，所以可以在小程序中重置密码，这样就可以在PC端登录了，这比较简单。

2）使用微信开放平台第三方网站oauth2授权登录，这也是可以实现的，不过要申请微信网站应用，有点麻烦。

3）目前最快能实现的扫码登录方式，就是使用已登录的小程序来扫描PC端登录二维码进行认证，这是最快能实现的扫码登录PC端的方式。

2、实现思路：

1）小程序上需要实现一个打开相机扫码的功能；2）PC端登录界面生成小程序扫描二维码（唯一的随机值）；3）使用小程序扫描此二维码。4）原理是：PC端利用一个随机值（sid）生成了一个二维码的同时，连接后端的websocket服务；小程序扫码时请求后台controller接口并携带此随机值（sid），获取到当前小程序登录的token，再利用sid获取此PC端连接的websocket服务，将token发送到此PC客户端，这样PC端就能收到这个token，再用保存token，这样就实现了小程序扫码登录PC端的方式。

3、具体实现代码：

1）PC端登录二维码的生成并连接后端websoc

使用微信小程序扫码登录系统PC端web的功能相关推荐

微信小程序扫码实现web自动登录
清明假期在家无聊,写了一个微信小程序扫码,web登录的demo 技术栈前端:vue2+vue-socket.io+uuid,微信小程序原生+weapp.socket.io 后端: eggjs+red ...
微信小程序扫码报工案例分享
使用微信小程序结合PC端ERP完成工序扫码报工+扫码出入库,可以实现生产管理全流程自动化作业,使生产效率比之前手工操作有了质的飞跃. 本案例背景介绍这是一家生产二极管的电子生产企业,车间自动化生产设 ...
3-STM32+Air724UG基本控制篇(自建物联网平台)-整体运行测试-微信小程序扫码绑定Air724,并通过MQTT和模组实现远程通信控制
说明这节测试一下微信小程序扫码绑定Air724模组然后实现微信小程序和开发板之间通过MQTT进行远程通信控制. 这一节作为板子的整体功能测试,用户下载这一节的程序用来测试基本控制篇实现的基本功能还 ...
虎年姓氏头像微信小程序源码+文字变音+喝酒娱乐多功能小程序源码
简介: 虎年姓氏头像微信小程序源码+文字变音+喝酒娱乐多功能小程序源码网盘下载地址: http://www.zijiepan5.xyz/hNiChK2xwgy0 图片:
2022虎年姓氏头像微信小程序源码+文字变音+喝酒娱乐多功能小程序源码
简介: 虎年姓氏头像微信小程序源码+文字变音+喝酒娱乐多功能小程序源码网盘下载地址:https://qumaw.lanzoul.com/ioRp700i1fgb
2022年虎年姓氏头像微信小程序源码+文字变音+喝酒娱乐多功能小程序
2022年虎年姓氏头像微信小程序源码+文字变音+喝酒娱乐多功能小程序下载地址:
【日常点滴015】微信小程序直接下载文件到PC端
微信小程序直接下载文件到PC端方法一 : 方法二: 下载函数内的全部代码附promise同时多张图片上传方法方法一 : 需要点击下载 =>手动给定后缀名=>保存文档给的方法,但是保 ...
今天突然发现，微信小程序手机访问正常，PC端访问小程序图片无法加载？
今天突然发现,微信小程序手机访问正常,PC端访问小程序图片无法加载? 所有图片在pc上查看都无法显示. 然后使用抓包工具抓包,pc端图片全部403,结果为 AccessDenied You are d ...
web端接入微信小程序扫码进行登录
1.拿到小程序的appid和secret 2.调用微信生成小程序的接口getUnlimitedQRCode(没有数量限制,调用详情请看api文档,这里仔细一点access_token是在url后面的, ...

使用微信小程序扫码登录系统PC端web的功能

使用微信小程序扫码登录系统PC端web的功能相关推荐

最新文章

热门文章