微信扫一扫登录(使用小程序实现)

原创 已于 2023-01-04 11:36:04 修改 · 置顶 · 1w 阅读 · 35
标签
#小程序
于 2020-12-14 14:55:13 首次发布
这篇博客介绍了如何通过注册微信小程序并使用Node.js后台服务来实现二维码扫码登录功能。用户扫描小程序二维码后，通过WebSocket通知页面授权成功并跳转至首页。文中还分享了一个微信服务端SDK的实现。

个人网站是无法接入微信扫一扫登录的，只能使用曲线救国的方式，采用小程序了，小程序是可以获取到微信用户的 UnionID 的。

首先第一步要注册一个小程序应用，很简单的，用邮箱申请即可，点击注册

注册完成之后就可以进行开发了，我后台服务使用的是node来写的

生成小程序二维码

要做扫一扫登录，二维码是不可少的，官方也提供了几种生成二维码的方式。查看生成方式

我使用的是A接口，详细信息可查看官方文档。

 POST https://api.weixin.qq.com/wxa/getwxacode?access_token=ACCESS_TOKEN

从api上可以看出，调用这个接口需要传入成一个 ACCESS_TOKEN ，这个不是我们生成的，需要调用小程序的服务来获取到。

ACCESS_TOKEN

获取 ACCESS_TOKEN 示例

最低0.47元/天 解锁文章
微信小程序实现的网页扫码授权登录（完全免费）
TANKING，开源开发者！
10-11 7052
现如今，扫码登录已经在网站普遍应用，其中微信扫码登录极其普遍。但是微信扫码登录的实现方法有多种，大多数都是具有一些门槛的。例如企业、需要服务号、需要认证等，这些都是个人开发者，个人创作者无法使用的。 但其实，微信小程序也可以作为一个授权登录的“中介”，因为微信小程序有一个 wx.login 的API可以轻松实现获取openid来作为微信用户的鉴权。
微信小程序开发 - 用户授权登陆 / 扫码登录流程讲解、获取授权登陆二维码
2302_76405773的博客
04-27 3759
微信协议就是基于微信IPad协议的智能控制系统，利用人工智能AI技术、云计算技术、虚拟技术、边缘计算技术、大数据技术，打造出智能桌面系统RDS 、 智能聊天系统ACS 、智能插 件系统PLUGIN 、云计算服务CCS 、任务管理系统 TM 、设备管理服务DM、 应用管理系统AM、 统一 好友系统UUS 、任务运行系统RT 、虚拟环境系统 VAC、智能监控系统ISS、 数字资产系DES，帮助企业快速连接客户，创造营销氛围，实现自动获客、自动传播、自动转化、智能营销等分布式营销服务。4、用户扫码确定授权。
告别Putty！用MobaXterm在Windows上SSH连接树莓派，保姆级图文教程（含忘记密码的补救方法）
最新发布
weixin_30764883的博客
05-15 468
本文提供了一份详细的MobaXterm教程，指导Windows用户如何通过SSH连接树莓派，并包含忘记密码的补救方法。MobaXterm作为一款功能强大的终端工具，支持多协议、文件传输和会话管理，是替代Putty的理想选择。教程涵盖安装配置、SSH连接建立、密码重置及高级功能应用，适合树莓派开发者提升工作效率。
利用微信小程序实现零成本网页扫码登录（附完整代码）
weixin_28702105的博客
04-10 224
本文详细介绍了如何利用微信小程序实现零成本的网页扫码登录功能，特别适合个人开发者。通过wx.login接口获取用户openid，结合小程序码实现网页与小程序间的通信，提供完整的PHP和小程序代码实现方案。该方案无需企业资质，开发简单且用户体验流畅。
通过小程序实现微信扫码授权登录，网站接入微信扫码登录功能（免费）
TANKING，开源开发者！
09-13 1万+
网站如果想要实现微信扫码登录其实有很多种方案，常见的方案就是微信开放平台和微信公众号服务号。前者是目前大部分网站并且是微信认可的一种方式，后者是开发者发现服务号具备扫码关注后即可获取用户基本信息的能力后而开发的一种方式。
网站使用微信小程序扫码登录的实现方法
xyls_ok的博客
06-20 6319
在此页面需要获取用户信息，头像昵称等，根据业务需求，也可不用该信息，直接去获取用户openID。1.1、这一步需要先生成一个唯一的字符串，字符串长度不能超过32位，生成小程序码时要用到，用来确定是哪个请求发起的，这个唯一字符串贯穿整个生命周期。后台的逻辑是验证用户，根据用户的openID查询库中是事有该用户，没有可以直接走注册流程，如果有该openId，说明用户已经存在，走登录流程即可。这里需要两个参数，一个是page，就是你扫码后要跳转到的小程序页面，二是scene，就是上面生成的唯一字符串。
用小程序来实现扫码登录
油墨香^-^的博客
08-22 5067
本文介绍了基于自有小程序实现扫码登录的技术方案，详细阐述了其核心原理与实现流程。相比传统微信开放平台方案，该方案具有自主可控、用户身份强关联、低成本等优势。文章从状态流转、轮询机制、技术栈选型、数据库设计等维度展开说明，并提供了Node.js+Redis的代码示例。同时深入探讨了安全机制、异常处理、性能优化等关键点，包括CSRF防护、防重放攻击、二维码过期策略等。最后针对部署架构、日志监控、测试方案等生产环境要素给出了具体建议。该方案适用于需要自主可控扫码登录功能的企业，尤其适合已有小程序的开发团队。
小程序赋能：微信扫一扫登录的轻量化实现方案
weixin_42627853的博客
04-15 424
本文详细介绍了如何通过小程序实现微信扫一扫登录的轻量化方案。针对个人开发者难以接入微信官方OAuth2.0的问题，提出利用小程序获取用户UnionID的解决方案，涵盖开发准备、二维码生成、WebSocket实时通信等关键技术实现，并分享安全性增强和性能优化技巧，帮助开发者快速构建高效登录系统。
微信小程序--微信扫一扫登录pc页面功能的实现
weixin_46045444的博客
10-11 1867
微信小程序随笔微信公众号平台扫码登录功能Android项目打包 微信公众号平台扫码登录功能 https://www.cnblogs.com/blogtech/p/10877492.html 比如csdn直接用微信扫码就可以登录，用户信息直接同步到pc端 1，配置域名 配置了域名之后，微信服务器获取到用户信息之后可以通过域名映射到小程序的服务器接口进行后续的处理 　配置步骤：设置 --> 公众号设置 --> 功能设置 --> 网页授权设置 (设置你自己的域名即可) MP_verify_HA
手把手教你用Node.js实现微信小程序扫一扫登录（含完整代码）
weixin_29239661的博客
02-28 441
本文详细介绍了如何使用Node.js构建微信小程序扫一扫登录系统。从环境配置、核心架构设计到后端模块、小程序端及前端页面的完整代码实现，手把手教你实现用户通过微信扫码在电脑端快速登录的功能，并提供了安全加固与生产环境部署的实用建议。
创新实训——记录14
weixin_45792464的博客
06-05 358
扫码登录的实现
实现微信小程序扫码登录
weixin_42429220的博客
02-02 2018
通过已登录小程序去扫web端的一个二维码获取二维码的信息，然后根据这个信息请求服务是否有效。web端监听这个信息的状态，如果这个状态授权那就进入首页。
web端微信扫码登录——通过扫小程序码登录
qq_29517595的博客
12-15 3206
一种web端微信扫码登录——通过扫小程序码登录的非付费方案
【h5+微信小程序】vue2实现h5扫码登录功能
记录
06-04 4427
需要实现在同域名的h5页面上增加一个微信扫码登录的功能，如果用户已经有小程序的账号，可以直接登录。：vue2+微信小程序原生开发可以实现上述功能的是：同一用户，对同一个微信开放平台下的不同应用，是相同的。域名已经配置。可以用什么来区分是否为同一用户呢？目前项目里还是用的手机号。
微信小程序实现扫码登录网站
月来better
07-02 1万+
本文主要讲解通过微信小程序实现扫码登录网站的功能，首先你可以访问这个网站体验一下效果。 体验网站地址：https://q.pangsuan.com/ 注意：这里是需要先扫码打开微信小程序，然后在小程序里面有个扫码登录的按钮，再去扫描右侧的二维码实现登录。 实现原理 1、打开网站生成一个带参数的二维码； 2、打开微信小程序后扫描刚生成的二维码； 3、小程序将该微信用户的openID，二维码上的参数发送到后台，此时后台如果没有该用户就创建用户，并更新openID和参数，有用户信息直接更新二维码上的参数即可。
小程序扫码登录网页应用
passerma的博客
03-12 1083
小程序扫码登录网页应用前端调用接口生成带唯一scene参数的小程序码，并定时器获取该参数登录状态用户扫描小程序码跳转到小程序界面，同时后台将用户openid与唯一scene参数关联小程序界面弹出登录确认按钮，用户确认登录，查询数据库是否存在该openid用户，有则直接将唯一scene参数设置为可登录状态，前端获取状态后直接进行登录。如果没有改用户，则直接新建一个用户，同时让用户完善个人信息，然后再将唯一scene参数设置为可登录状态，前端获取状态后直接进行登录
微信小程序扫一扫登录避坑指南：从UnionID获取到WebSocket通知的完整流程
weixin_29264201的博客
03-11 199
本文详细解析了微信小程序扫一扫登录的完整实现流程与实战避坑经验。从UnionID与OpenID的核心概念辨析，到ACCESS_TOKEN的高可用管理、二维码会话状态设计，再到WebSocket实时通知的完整实现，提供了从架构设计到安全防护、性能优化的全链路解决方案，帮助开发者高效构建稳定可靠的小程序扫码登录功能。
微信小程序扫一扫的功能实现
热门推荐
祈澈菇凉
12-05 1万+
突然接到了个小程序的项目，手上的管理后台终于可以放下一段时间了 ，算了一下，今年几乎都在写管理后台的几个项目，真心没有什么特别的进步，基本都是靠着组传代码，不断的重构，复用。 接下来又可以回归到不断的去挑战新技术和新功能的阶段了，其实还蛮开心的。今天写一个关于微信小程序扫一扫的功能。 小程序开发其实还是比较简单的，有完善的api文档和大多数前辈的网络博客助...
微信扫描小程序码登录 PC 网站 Demo
薛定喵君的博客
01-22 4046
本文主要介绍如何基于小程序页面授权，使用微信扫描PC端小程序码实现获取用户信息进行系统登录。 之前介绍过一个Demovue项目：基于网页授权的微信扫码登录Demo，最近了解到小程序也可以实现这个功能，所以突发奇想自己实现一个备用吧。 实现思路使用技术栈主要问题项目开发小程序修改在线 Demo项目总结参考资料# 实现思路 简要介绍 PC 端点击使用小程序登录时会生成一个 uuid 并弹出一个小程序码...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值