Charles工具移动端开发代理和调试

简介: Charles工具移动端开发代理和调试

Charles是什么?

Charles是目前最强大最流行的http抓包调试工具,Mac、Unix、Windows各个平台都支持。特别是做APP开发,调试与服务端的通信,Charles是必备工具。

Charles工作原理

Charles本质是就是一个http抓包分析工具,将charles设置成代理服务器,这样所有的网络请求都会经过charles。

Charles下载

官网地址

Charles本地调试

开启Charles http代理

安装完毕,打开Charles工具

image.png

设置Charles代理

点击Tools -> Map Remote Settings,点击Add添加一条,From为部署的无人机地址,to 为本地项目启动地址,设置完毕点击OK。Enable Map Remote 勾选激活http代理功能。

image.png

image.png

手机端Wifi添加代理

注意:手机所连接Wifi要与电脑在同一个局域网。

  1. 点击手机连接的Wifi
  2. 选择代理-> 手动
  3. 填写主机(代理服务器)ip和端口

终端输入 ifconfig | grep inet 获取到本机ip, 端口设置为 8888,保存设置。

image.png

开启Charles录制功能

此时Charles界面会自动出现以下提示,点击Allow开启Charles录制功能,每30分钟就会自动退出一次, 需要重启一下。

image.png

启动应用开始抓包

此时在手机上操作相应的App进行抓包,在Charles的主界面上就可看到相应的请求内容。

image.png

分析抓取的数据包

开启你的调试之旅吧~

目录
相关文章
|
Web App开发 缓存 前端开发
LightProxy 全能代理抓包工具
LightProxy 是 IFE 团队开发的一款基于 Electron 和 whistle 的开源桌面代理软件,致力于让前端开发人员能够精确的掌握自己的开发环境,通过 HTTP 代理使用规则转发、修改每一个请求和响应的内容。
LightProxy 全能代理抓包工具
|
9月前
|
安全 Linux iOS开发
【热门话题】 Fiddler:一款强大的Web调试代理工具——安装与使用详解
Fiddler是一款强大的Web调试工具,适用于Windows、macOS和Linux,用于捕获、记录和分析HTTP/HTTPS流量。本文详细介绍了Fiddler的安装步骤,包括下载、安装和配置,特别是信任根证书和代理设置。在使用方面,讲解了如何启动/停止捕获流量、查看和管理会话,以及重发请求、编辑请求/响应和清除会话。此外,还探讨了进阶功能,如自定义过滤规则、使用AutoResponder模拟服务器响应、性能分析和统计,以及插件扩展和脚本编写。Fiddler是学习HTTP协议和解决Web问题的得力工具。
421 1
|
SQL 关系型数据库 测试技术
猿创征文|工具百宝箱-数据库连接工具-接口调试与测试工具-抓包工具
猿创征文|工具百宝箱-数据库连接工具-接口调试与测试工具-抓包工具
|
Android开发 iOS开发 Windows
怎么使用charles代理
怎么使用charles代理
172 0
|
Web App开发 JavaScript 前端开发
前端浏览器高级调试技巧整理
前端浏览器高级调试技巧整理
|
前端开发 JavaScript 应用服务中间件
基于内网穿透+Fiddler的私有化项目调试前端解决方案
基于内网穿透+Fiddler的私有化项目调试前端解决方案
292 0
基于内网穿透+Fiddler的私有化项目调试前端解决方案
|
Web App开发 Java Linux
charles设置代理调试
Charles其实是一款代理服务器,通过过将自己设置成系统(电脑或者浏览器)的网络访问代理服务器,然后截取请求和请求结果达到分析抓包的目的。该软件是用Java写的,能够在Windows,Mac,Linux上使用。安装Charles的时候要先装好Java环境。
271 0
|
Web App开发 移动开发 JavaScript
移动开发中Fiddler的那些事儿
当我以前在调PC端网页的时候,Firefox有Firebug,Chrom也有自己的调试抓包工具,用起来很方便。
移动开发中Fiddler的那些事儿