记录Mac下使用Charles抓包工具，图多超详细

Posted 2022-02-22 码上开始

记录Mac下使用Charles抓包

• • 
    
• ​​什么是抓包​​
• ​​环境准备​​

• • 
    
• ​​开始​​
• ​​SSL代理配置​​
• ​​配置端口​​
• ​​开启代理​​
• ​​手机端配置​​
• ​​手机上安装证书​​
  • 
    

• 
  

什么是抓包

  在网络应用如后端系统，app，小程序等的开发过程中，免不了接口可能会报错，但是一般在app中或者小程序中没有便捷的console控制台，而且线上环境也不会开启调试模式，所以想看一下接口的响应就显得比较麻烦，最近，博主就遇到小程序接口报错，想查看却抓不了包详情的问题:(。每次都是找测试同学，但是测试同学也有自己的事情，所以就想着自己抓包。

 以前在windows电脑下，用过fidder工具来经常做安全测试，现在用mac电脑，fidder目前也已经支持mac系统了好像，但奈何有点贵，而且还未找到免费的用一哈，所以就换了一个Charles的工具，实战操作了一番，在此记录一下，帮助有需要的人。

环境准备

• • 
    
• mac os 11.1，无线网连接
• Charles软件安装，版本：4.6.2
• ios14设备，连接同一无线网
  • 
    

开始

  说明：如果只是抓取本机的http请求，那么打开Charles自动配置就可以实现抓取，如果需要抓取https的接口或者抓取手机上的网络请求，参考下面步骤操作

证书安装

Help --> SSL Proxying --> Install Charles Root Certificate

点击上述菜单后会进入到钥匙串里：

  如果不是完全信任名称旁边的图标会是红色的。双击charles钥匙串，选择【显示简介】，将信任改为始终信任；如下

SSL代理配置

Proxy --> SSL Proxy Settings

配置端口

先勾选Enable SSL Proxying，然后配置抓取路由，Add点击

Host: *

Port: 443

  标识所有网址都抓取，443代表Https，当然此处的host可以配置成自己想抓的网站地址前缀只抓取特定网站

  至此，电脑端https就可以实现抓取了，可重新抓取试试。

  如果想要实现抓取手机上App端或者小程序端的接口怎么办呢？请继续参考下面

开启代理

勾选Enable transparent HTTP proxying，然后下方的端口port默认为8888，和本机端口不冲突占用就行，我这里填的是8889，记住这个端口号

手机端配置

设置手机代理

设置手机代理需要注意手机与电脑连接的是同一个wifi，保证在同一局域网内即可，查看电脑端的IP地址，mac下进入命令窗口输入ifconfig（或者在设置->网络中查看）

手机上点击连接上的wifi，找到代理设置，不同手机可能方式不同哈，然后选择手动，就刚刚电脑上的IP填入到此处，charles中配置的端口号填入到这里，存储，代理就配置好了。

恭喜，到这里的话，手机上http请求就可以实现抓取了

手机上安装证书

  要想实现手机上的https接口也可以抓取，还需要配置一下。如下，点击 Help --> SSL Proxying --> Install Charles Root Certificate on a Mobile Device or Remote Browser，接着会弹出一个info框，上面指示了手机上需要配置的ip和端口等提示信息。

  手机下载证书，将chls.pro/ssl复制到浏览器中，会提示安装证书，这里安装证书按各自手机型号安装就可以。安装好只好，一定要记得去将证书设置为信任模式，比如ios下，去设置 -> 通用 -> 关于本机 -> 证书信任设置 打开信任

  OK，到这里就已经配置完成了，就可以实现在电脑端抓取手机端的http/https接口，下面来看下效果；

  如果对软件测试、接口测试、自动化测试、技术同行、持续集成、面试经验交流。感兴趣可以进到893694563，群内会有不定期的分享测试资料。

如果文章对你有帮助，麻烦伸出发财小手点个赞，感谢您的支持，你的点赞是我持续更新的动力。