Charles抓包工具的使用

Charles——可用来抓包，还可以用来调试页面，适合app内嵌h5的开发。是一款很强大的工具。
下载地址：
https://www.charlesproxy.com/latest-release/download.do

代理设置

Proxy -> Proxy Settings

D6AADF5A-4A21-40e9-AAD6-ABD8173C26EB.png

HTTP Proxy Port填了8888，记住这个。

手机抓包

首先手机连接跟电脑在同一局域网内的wifi，wifi -> 更多设置 -> 代理改成手动，主机名填写电脑IP，端口填写刚才我们在HTTP Proxy Port上填写的8888

微信图片_20201224210249.jpg

电脑打开Charles应用，就可以抓取移动设备网络请求。

6BFE9785-5B94-42e3-8085-0CCCA916F405.png

右击某个域名，选择focus，可以只看某个域名的请求。

路径映射

Tools -> Map Remote Setting，可以将对应的app请求转发到你的电脑上设置如图：

93182405-02FE-4129-99B4-66813B745A32.png

例如我们在调试app内嵌h5时，内嵌页面的域名是http://xxxx.cn，配置from: http://xxxx.cn to: http://localhost:8080
那么访问http://xxxx.cn下的某个页面时，就会转发你自己电脑上http://localhost:8080下的对应页面