微信扫码页面不跳转登录网站(客户端)

首先需要在微信开放平台注册账号并进行企业认证300块钱。然后创建应用。应用通过审核之后就会拥有一个Appid和AppSecret.然后配置回调域名。剩下的就是开发了。
我们可以看到官方文档不管是页面跳转扫码还是iframe内嵌到当前页面扫码确认授权后都会跳转到授权的回调域名下的页面,同时url中会携带网站state和code。通过code和appid、appsecret获取access_token。这也是大部分pc网页端微信扫码登录的实现流程。
我们需要在electron构建的桌面应用中实现微信扫码功能,所以官方的方案无法满足我们的业务需求。所以现在的思路是这样的 首先我们去获取二维码。后端http服务去请求这个页面,然后解析正则匹配提取二维码的图片地址,然后返回给前端,这样我们的二维码就可以获取到了二维码。打开调试工具我们可以看到在这里插入图片描述这个图片的请求路径就是uuid.然后页面是一直在轮询请求扫码状态 参数是uuid。
未扫码状态下返回window.wx_errcode=408;window.wx_code=’’;不同的状态下wx_errcode的值不同。500是uuid过期。404.扫描二维码成功,403取消登录,405登录成功wx_code值就是我们需要的code。
获取到code我们就可以按正常流程走,通过code服务端就可以获取用户的登录凭证等信息
后端请求接口如下:https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code。
demo下载
先阅读源码,修改server.mjs里面的配置信息,然后类似以下的方法执行。
node --experimental-modules server.mjs

访问http://localhost:8033/login/weixin/demo即可进行测试。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值