前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >使用微信小程序扫码登录自己的网站后台

使用微信小程序扫码登录自己的网站后台

作者头像
骤雨重山
发布2022-01-17 11:03:14
2.2K0
发布2022-01-17 11:03:14
举报
文章被收录于专栏:骤雨重山
前言: 我每次扫码登录微信公众平台的时候,感觉扫码登录真的好方便,而且显得高大尚,于是乎,我拿起键盘揣着鼠标开始了我的小程序之路~

分析

要想实现微信小程序扫码登录,首先必须有一个身份验证,扫码的这个家伙到底是不是博主本人呢?该怎样判断是不是站长本人呢?用什么来判断站长本人呢?疑问三连~ 那么,要想实现登录,必须每个微信对于小程序要有一个固定且永不相同的唯一标识,我看了一下微信小程序的官方文档,发现,每个用户对于一个小程序有且只有一个固定的openid正是我们需要的唯一秘钥。

微信小程序扫码登录网站
微信小程序扫码登录网站

没错,unionid也复合我们的要求,但是出于openid可简单快捷的获取,所有本博主择优录取(我不懒!)。

实现

有了用户的唯一标识,开始让用户扫码了吧,扫了码我们稍微判断一下扫码者的openid是不是博主本人不就行了吗?简单方便快捷!

整体逻辑

  1. 打开网站生成一个带参数的二维码
  2. 打开微信小程序后扫描刚生成的二维码
  3. 小程序将该微信用户的openID,二维码上的参数发送到后台,此时后台如果没有该用户就创建用户,并更新openID和参数,有用户信息直接更新二维码上的参数即可
  4. 打开的网站页面去轮询后台数据,看是否有更新的二维码
  5. 如果有二维码的参数在后台数据中,就登录成功
  6. 如果到了一定时间还没有轮询到数据,就结束轮询,提示用户重新操作

小程序UI样式

微信小程序扫码登录网站
微信小程序扫码登录网站
微信小程序扫码登录网站
微信小程序扫码登录网站
微信小程序扫码登录网站
微信小程序扫码登录网站
微信小程序扫码登录网站
微信小程序扫码登录网站

测试页面UI样式

微信小程序扫码登录网站
微信小程序扫码登录网站
博主前端不是很好,页面很丑,功能实现就好。
END 项目是第一版本,BUG满天飞。如有建议或意见发现BUG等可与博主联系,互相学习,共同进步!
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-07-22,如有侵权请联系 cloudcommunity@tencent.com 删除

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

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言: 我每次扫码登录微信公众平台的时候,感觉扫码登录真的好方便,而且显得高大尚,于是乎,我拿起键盘揣着鼠标开始了我的小程序之路~
  • 分析
  • 实现
  • 整体逻辑
  • 小程序UI样式
  • 测试页面UI样式
    • 博主前端不是很好,页面很丑,功能实现就好。
      • END 项目是第一版本,BUG满天飞。如有建议或意见发现BUG等可与博主联系,互相学习,共同进步!
相关产品与服务
访问管理
访问管理(Cloud Access Management,CAM)可以帮助您安全、便捷地管理对腾讯云服务和资源的访问。您可以使用CAM创建子用户、用户组和角色,并通过策略控制其访问范围。CAM支持用户和角色SSO能力,您可以根据具体管理场景针对性设置企业内用户和腾讯云的互通能力。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档