首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >使用微信小程序来实现扫码登录网站

使用微信小程序来实现扫码登录网站

作者头像
ianzhi
发布2023-10-19 09:47:48
发布2023-10-19 09:47:48
3K0
举报
文章被收录于专栏:LNMP开发那些事LNMP开发那些事

使用微信小程序来实现扫码登录网站

微信小程序本身提供了openid等信息的无感知获取,基于此来实现微信扫码登录,主要包含以下几个步骤:

1. WEB登陆页面的实现

打开登录页面时,生成一个带有唯一ID的小程序码,小程序码图片加载以后,通过WebSocket或者轮询确认此唯一ID是否已经确认登陆或者超时。

这一步比较简单,进入登录页面,通过调用生成小程序码接口,就可以生成一个带有特定参数的小程序码。

通过图片的onload的属性,可以启动一个定时器或者WebSocket连接到后端,获取是否已经确认登陆或者超时过期。

2. 微信小程序端的实现

通过onLoad可以获取到携带的唯一ID,调用login接口后可以获取code,合并到一起提交到后端登陆接口,后端可以通过调用code获取到session信息,用以区分不同用户。

查询到用户以后,将对应的用户标记为登陆状态即可,具体实现可以按照应用逻辑来。

3. 后端的实现

后端主要包括:

  1. 小程序码接口,用于展示小程序码图片
  2. 登录接口,接受code和唯一ID
  3. 状态查询接口,或者WebSocket服务,用于前端查询或者推送唯一ID过期或者确认登陆状态,实现登陆后的跳转。
  4. MySQL多层级树形结构表的搜索查询优化
  5. 使用WordPress作为小程序后端——APPID有效性前置检查
  6. 使用WordPress作为小程序后端——小程序请求前置检查
  7. Windows rclone挂载sftp
  8. 迁移——从Electron迁移到Eclipse Theia
  9. 使用typescript开发chrome扩展
  10. use multiple simple queries or a join
  11. php: /usr/local/lib/libcurl.so.4: no version information available (required by php)
  12. how to improve the rank of search results in google
  13. SEO导航
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 使用微信小程序来实现扫码登录网站
  • 1. WEB登陆页面的实现
  • 2. 微信小程序端的实现
  • 3. 后端的实现
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档