H5如何在微信里抓包https协议

最近做了个小游戏,遇到了些问题,现记录一下问题之一,帮助自己以后需要时好回忆,也顺便分享给需要的小伙伴们,有误的地方请帮忙指正!

问题:h5在微信里访问,正常调接口时数据请求成功,但是里面的图,没有呈现出来。


排除原因:

1.本地用代理,支持http协议,http协议的能访问到,但是没有设置对https协议站点的支持,当图片是https站点的数据时,则访问不到。

于是找了教程进行配置。百度很多,可参考:https://segmentfault.com/a/1190000005070614

解决办法:将代理charles工具设置上支持https的配置。

2.即使完成了第一步,还是不支持https。查询到了这个说法:

经过上述操作之后我们可以抓取移动端Safari浏览器的https的包,因为我们已经在IOS内信任了Charles的证书,但是微信浏览器它似乎不是用的系统的信任体系,因此有了如下的错误提示:


说明微信浏览器并不信任Charles的 Root Certificate。

因为微信浏览器默认拒绝不安全的https,因此屏幕会直接提示网络出错。

然后,可以试用一下它后面介绍的方法:

微信端的手机调试应该会比较头疼了,在此推荐一下另外一种调试方式吧。

微信web开发者工具

亲测,可行,非常棒,漂亮!以后在手机微信里的抓包都可以用微信web开发者工具来替代了,完美解决!



方法一步骤见图:

小程序项目

将页面用<web-view> 嵌到小程序里去(此处自行百度镶嵌方法)


方法二步骤见图,或者直接用公众号网页项目这个,

公众号网页项目


就能像浏览器里一样输入链接进行调试了

公众号网页项目

如上设置完后,我们就可以像是在手机端调试一样,被charles抓到包了!!!

抓包方法吸取自原著:https://blog.csdn.net/abld99/article/details/74011480

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容