Charles & mac & android & http &

程序员日常开发时，常常需求查看客户端请求服务器的详细情况，如请求地址，请求参数，返回数据等，charles使用简单，可满足需求。

一 charles 默认配置可以查看 Http 数据。

1. 电脑打开charles

2. 手机选择与电脑一样的 wifi，设置代理，
   服务器主机名设置电脑的IP地址，
   服务器端口默认8888(如下图确认一下，Proxy/Proxy Settings)

   
   WX20190604-112257@2x.png

3. charles 中会弹出确认对话框，选择同意，之后通过手机访问的地址，数据在charles中便可看到。

   
   WX20190611-084556@2x3.png

二 charles 查看 Https 数据。

参考

电脑端的操作

1. Proxy/Proxy Settings, 勾选相关选项，如下图

   
   WX20190604-140657@2x.png
2. Help/SSL Proxying, 选择Install Charles Root Certificate，安装证书
3. 刚安装的证书，是不被系统信任的，将其改成系统信任方式：右键选中Charles证书文件，点击“显示简介”，将信任设置改为“始终信任”模式即可

手机端端操作

1. Help菜单上的SSL Proxying选项，选择对应的栏目，根据手机系统，选择对应的选项

   
   WX20190604-141246@2x.png
2. 根据弹框提示，在手机浏览器中输入提示地址，下载证书
3. android手机安装 pem证书文件
   设置/安全/从存储设备安装/选择下载的证书，安装即可

4. Proxy/SSL Proxying Settings , add 要查看的 Host & port，port 填写 443

   
   WX20190604-113536@2x.png
5. 到此，配置结束，android手机访问Https地址，charles中便可查看。

注意

1. 保证电脑同手机都连接在同一个无线网络中, 最好手机连接的 wifi，与电脑连接的wifi是同一个。

三 修改服务器返回的数据

1. 在请求地址上右键，选择菜单中的 Map Local

   
   image.png

2. 选择本地文件，做为接口返回的数据

   
   image.png
   

   再次请求接口，返回数据便是上面配置的文件中的数据。

3. 取消返回本地数据功能
   工具栏选择Tools/Map Local , unselect checkbox 即可。

   
   image.png