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

这篇博客介绍了如何通过注册微信小程序并使用Node.js后台服务来实现二维码扫码登录功能。用户扫描小程序二维码后,通过WebSocket通知页面授权成功并跳转至首页。文中还分享了一个微信服务端SDK的实现。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

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

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

生成小程序二维码

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

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

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

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

ACCESS_TOKEN

获取 ACCESS_TOKEN 示例

token过期的时间是由微信服务控制的,拿到之后可以存到redis中,不需要每次都去获取新的

获取到token之后就可以调用生成二维码的方法了

调用示例
在这里插入图片描述

返回的是二维码的文件名称

在这里插入图片描述

处理登录请求,在小程序完成授权之后,调用webSocket服务通知页面授权成功,跳转到首页

页面显示二维码

在这里插入图片描述

登录页面调用服务器端生成二维码并显示在页面上,并且连接webSocket服务,等待服务器确认登录。

小程序

login.js
在这里插入图片描述

在这里插入图片描述

github

体验地址

实现了一个微信服务端SDK ,有兴趣的可以查看一下

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值