首先需要在微信开放平台注册账号并进行企业认证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即可进行测试。