charles抓包工具

mac2022-06-30  20

  最近开发移动端app,用到了抓包工具charles,在这里跟大家分享一下心得。

一、charles是什么?

  charles是一个抓包工具。通过一系列的配置,charles可以显示手机每次请求和响应的详细信息,以供我们进一步分析。

二、charles怎么配置?

  第一步,打开charles软件,进入Proxy——>Proxy Setting,里面的端口设置默认是8888,如果这个端口有程序正在用,可以更改,一般是不用更改的;然后勾选Enable transparent HTTP proxying;

  第二步,打开手机所连接WIFI的代理设置选项,改为手动,进去后将服务器IP改成你电脑的IP(电脑IP可以通过在控制台输入ipconfig看到,就是那个“IPv4地址”),将端口改成你刚刚在charles设置的端口,就是那个8888(如果你没更改的话);

  

  第三步,打开charles,进入help——>SSL Proxying——>Install Charles Root Certificate on a Mobile Device or Remote Browser,这个时候会跳出来一个弹窗,让你在浏览器里去输入一个地址(我的这个地址显示的是:chls.pro/ssl)以安装证书,注意要用手机自带的浏览器去安装证书;

  第四步,打开charles,进入help——>SSL Proxying——>Install Charles Root Certificate——>安装证书——>当前用户——>将所有的证书都放入下列存储,浏览——>受信任的根证书颁发机构,确定。

  第五步,打开charles,进入proxy——>SSL Proxying Setting,add一个“*:*”,就是星号、冒号、星号;至此,配置结束;

  第六步,这一步我忘了在哪个地方出现,就是会出现一个弹窗,问你是否确定用电脑做代理,你只要点击allow同意就行;

三、charles怎么使用?

  配置完成后,你就可以用手机打开浏览器或者APP,访问任何地方,这时候,charles上就会显示对应的请求和相应信息,以便我们开发做调试;

四、charles还有什么有用的功能?

  有!我感觉还有一个功能很强大:文件映射!

  <1>什么时候用?

    APP已上线,现在要往APP中加入新页面或新功能,这个新页面或新功能中有一些调用原生设备的地方,而浏览器模拟不了我们这些写的代码有没有效果,比如调用相机;

  <2>怎么用?

    手机访问APP中你正在开发的那个页面,这个时候charles上会显示,你访问这个页面所请求的文件,此时,鼠标右键点击这个文件,选择Map local,然后再choose你自己写好的代码文件,再刷新APP这个页面,你就可以看到你写的这个代码在线上APP上有没有效果。是不是很强大?

转载于:https://www.cnblogs.com/lixilin/articles/7889159.html

相关资源:Charles 抓包工具
最新回复(0)