Charles安装及使用教程——请求抓包、Https配置

针对前段时间出现接口入参送错问题,后续QA需要测试接口的入参和出参,杜绝问题再次发生。

作者:神文大佬

mac目前主流的抓包工具:Charles --人称“青花瓷”

Charles安装及使用教程——请求抓包、Https配置

1. Charles安装

官网下载安装Charles:
https://www.charlesproxy.com/download/

注:官网版本有时间限制,**版请自行百度。

2. HTTP抓包

(1)查看电脑IP地址

Charles安装及使用教程——请求抓包、Https配置

(2)设置手机HTTP代理

手机连上电脑,点击“设置->无线局域网->连接的WiFi”,设置HTTP代理:
服务器为电脑IP地址:如192.168.1.169,注意:这里配置的IP是自己电脑的IP
端口:8888

Charles安装及使用教程——请求抓包、Https配置

设置代理后,需要在电脑上打开Charles才能上网

(3)电脑上打开Charles进行HTTP抓包

手机上打开某个App或者浏览器什么的,如果不能上网,检查前面步骤是否正确

Charles安装及使用教程——请求抓包、Https配置

点击“Allow”允许,出现手机的HTTP请求列表

Charles安装及使用教程——请求抓包、Https配置

3. HTTPS抓包

HTTPS的抓包需要在HTTP抓包基础上再进行设置

设置前抓包HTTPS是这样的

Charles安装及使用教程——请求抓包、Https配置

 

设置后抓包HTTPS长这样

 

Charles安装及使用教程——请求抓包、Https配置

 

Charles安装及使用教程——请求抓包、Https配置

以下为在HTTP抓包基础上进行HTTP抓包的进一步设置步骤:

(1)安装SSL证书到手机设备

点击 Help -> SSL Proxying -> Install Charles Root Certificate on a Mobile Device

Charles安装及使用教程——请求抓包、Https配置

出现弹窗得到地址 chls.pro/ssl

Charles安装及使用教程——请求抓包、Https配置

手机安装SSL证书的地址

在手机Safari浏览器输入地址 chls.pro/ssl,出现证书安装页面,点击安装
手机设置有密码的输入密码进行安装

Charles安装及使用教程——请求抓包、Https配置

安装证书

  • 注意1:Safari浏览器输入这个网址chls.pro/ssl安装不了证书的情况,
    (1)设置好手机HTTP代理 (2)电脑上Charles要开着
  • 注意2:iOS 10.3系统,需要在 设置→通用→关于本机→证书信任设置 里面启用完全信任Charles证书

(2)Charles设置Proxy

Proxy -> SSL Proxying Settings...

Charles安装及使用教程——请求抓包、Https配置

勾选Enable SSL Proxying,点击Add

Charles安装及使用教程——请求抓包、Https配置

Host设置要抓取的https接口,比如想抓这个

Charles安装及使用教程——请求抓包、Https配置


Host填写:https://api.weibo.cn
Port填写:443

 

Charles安装及使用教程——请求抓包、Https配置

Host也可以设置为:*

这样就支持所有域名的Https抓包

(3)进行HTTPS抓包

让手机重新发送https请求,可看到抓包

Charles安装及使用教程——请求抓包、Https配置

注意:不抓包请关闭手机HTTP代理,否则断开与电脑连接后会连不上网

本文转自我司iOS程序猿--神文大佬的wiki