[开发测试]软件测试必备技能：抓包（二）App，h5，小程序

欢迎大家关注我的个人公众号：小朱谈软件测试，全是干货哦。

?现在多数产品线都以app，h5，小程序为主，那么如何通过手机抓取报文呢，我们来看一看?。

h5：

?先说最简单的h5页面，遇到h5页面，直接电脑浏览器打开测试抓包即可，不需要手机抓包，简单?快捷。具体方法可参考上一篇。https://blog.csdn.net/weixin_43574761/article/details/124460659https://blog.csdn.net/weixin_43574761/article/details/124460659

对于必须通过手机抓包的app和小程序这两种形式的产品，首先，我们要安装抓包工具，Fiddler或Charles，当然还有其他抓包工具，功能都差不多，随你选择。

Fiddler，相信大家都很熟悉，Charles不一定，我接触到Charles是因为19年使用macbook，发现Fiddler在mac系统上不够友好，所以就转用Charles。如果你的电脑是Windows系统，还是推荐使用Fiddler，很好用，功能强大，抓包，篡改参数等都很方便。

APP：

手机如何设置代理？

Fiddler如何抓包？参考我这一篇博客。??????使用Fiddler工具，实现手机抓包_vissy小朱的博客-CSDN博客准备工作1：准备一部手机（以IOS为例）2：电脑下载fiddler工具3：手机和电脑连接同一个wifiFiddler的安装这个很简单，去网上下载一个fiddler工具包，自主完成安装即可。Fiddler设置（V5.0为例）Tools–》Options–》HTTPS，勾选Decrypt HTTPS traffic,设置解密HTTPS的网络数据。Tools–》Options–》Co...https://blog.csdn.net/weixin_43574761/article/details/100516134

Charles如何抓包？参考我另一篇博客。

接口自动化测试框架（二）mac使用charles设置代理抓取手机报文_vissy小朱的博客-CSDN博客_charles自动化测试pc端的接口，在第一篇文章已经写了具体的抓取方式：https://blog.csdn.net/weixin_43574761/article/details/105708210windows电脑使用fiddler工具，安卓手机的抓包请参考：https://blog.csdn.net/weixin_43574761/article/details/100516134下面说一下mac电脑的抓包，因为fiddler没有mac版本，所以mac电脑，我使用了charles工具：电脑：mac手机：iphonehttps://blog.csdn.net/weixin_43574761/article/details/106054973那么相信你看完前两篇，就可以轻松抓到app的接口了。

小程序：

相信很多人会有一个困扰，就是无法抓小程序的报文，以我的亲身经历，iPhone X，抓小程序的报文，没有问题，但是iPhone12或13，就是抓不到，提醒网络超时或网络异常，各种查找资料，还是没有办法解决，如果有人知道，如何解决，请分享一下~

那么抓包工具无法抓取小程序的包，怎么办呢？直接丢给开发通过开发者工具抓吗？可以，但又回到了初始问题，测试人员无法提供报文快速协助开发定位问题。其实有个小技巧，就是电脑微信打开小程序，然后通过Fiddler或Charles抓包，举例：

电脑微信打开微信记账小程序：

记一笔：添加一笔888的餐饮，备注：测试备注123，接口已经抓到了是不是？?

OK，大功告成。

**如果这篇博客对你有帮助，欢迎扫描下方二维码，添加关注，获得更多精彩内容。**

创作打卡挑战赛

赢取流量/现金/CSDN周边激励大奖