第三方H5获取微信用户信息

网上找了很久,对H5获取微信用户信息都语焉不详,有的说能,有的说不能。

而微信文档经常改来改去,看了一圈最新的是2022年的,也不知道2023年的文档能不能用。

颇有点前朝的剑能不能斩本朝的官,这种焦虑的心态。

好在今天处理完并进行了实操。

我使用的是uniapp开发的H5

想要获取微信用户信息,第一个就是要有公众号。

首先就是网页授权域名,当前的H5访问地址(要域名备案,要https)

然后就是配置白名单:(这个是为了后端能够调用公众号的相关数据,appid和Secret也要留存在后端)

 然后就是实操了:(主要参考官方文档:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html)

第一步用户授权:

用户访问的页面地址需要进行拼接,如果在微信里面打开这个链接的话微信会解析然后跳转回我们的H5页面也就是最开始授权的网页域名,这个根据文档来进行就好了。

需要注意的是我们页面的链接最好是使用history模式,hash模式也只能是勉强够用。

这样我们就能够获取用户的code,如果按照官方文档来的话要走三四个流程,而且appid和对应的Secret有暴露的风险,而且还很大。

我这边是让后端进行处理,将流程压缩至一步,前端只需要调一个接口传递一个用户code,让后端去操作这些流程直接返回到前端用户信息。

最开始我还引入的微信的sdk,但是整个流程走下来发现完全用不上,最起码在获取用户信息这块是用不上这个sdk的。

 

posted @ 2023-07-04 20:27  骚年上天不?  阅读(2838)  评论(0)    收藏  举报