微信公众号扫码关注后登录?这篇从头教你写!快进来!!

268 阅读3分钟

为什么微信公众号开发如此痛!太痛了?!

看过前面文章的朋友应该都知道猿猴最近再公司内做了个单点登录系统,其中就包括微信公众号扫码关注后进行登录,之前单干前端的时候!!就这???洒洒水,可是现在行情不好,前端的猿猴也被赶来全栈开发了!这一干头发这两天不知道掉了多少,感觉风一吹都能在我的头皮上掀起一番波浪。

10D4162D.gif

如何解决

对!如何解决,猿猴看文档左看右看,那是毫无关联,整个文档下来,可以说一个接口在北京,一个接口在西藏,一个接口在上海,看的猿猴那真的是头晕脑胀,差点猴命交代在文档里了。

10D93640.jpg

热心教程

在多次碰壁后,猿猴决定一定要做完这个项目后,没错就在今天的下午猿猴做完了,第一时间就跑来写一篇文章与大家分享如何避免踩雷。

首先我们需要到公众号开发平台获取我们的开发者ID(AppID),还有我们的开发者密码(AppSecret),这里我们最好进入我们开发者工具,选择我们的公众平台测试账号。如下图

1683636748208.png

登录后就能看到我们的开发者ID和我们的开发者密码然后通过这两个值去获取我们的使用这个url的get请求api.weixin.qq.com/cgi-bin/tok…

1683637271711.png

随后再拿着我们的token去获取我们图片的ticket然后获取我们图片,通过如下url的post请求api.weixin.qq.com/cgi-bin/qrc… 1683637648202.png

然后就可以拿着我们的ticket和去通过公众号的接口获取我们的二维码如下url就是我们的图片链接mp.weixin.qq.com/cgi-bin/sho…

接下来就是我们的最难的时刻了,首先我们需要搭建我们的内网穿透使用我们的ngrok不懂的同学可以看看猿猴前面的文章链接如下

然后就去拿到我们穿透的代理链接配置我们的服务器去验证我们的token,如下图 1683638240708.png

1683638319297.png 验证成功后就会如下图所示

1683638399714.png

然后就是去通过我们扫描去调用我们的回调,这里记得就是我们之前的验证方法改成post就是接收微信回调的接口,然后就可以获取到我们用户的信息,如下图。

1683638550706.png

只要在接收的post内写入以上代码的方法就能获取到信息了。

总结

以上就是猿猴分享的关于微信公众平台的开发,这两天实在都给我写郁闷了,上面的代码只是初步的实现,如果要做更细的操作,需要自己进一步去操作了,如果需要帮忙的小伙伴可以在评论区留言哦!猿猴很乐意去帮助小伙伴们,如果喜欢猿猴写的内容的话,记得点赞加关注哦!!