charles操作（web端、移动端）

wxc ya

已于 2023-06-08 19:25:21 修改

阅读量1.4k

点赞数

分类专栏： # charles 文章标签：服务器 html html5

于 2020-12-02 00:23:14 首次发布

本文链接：https://blog.csdn.net/wxc_ya/article/details/110439819

版权

charles 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

安装charles

1：点击安装文件charles-proxy-4.2.8-win64.msi

参考链接：https://blog.csdn.net/qq_44538738/article/details/124135237

在这里插入图片描述

2:点击下一步
在这里插入图片描述

3：勾选同意，点击”next”按钮

在这里插入图片描述

4：指定安装的路径，继续点击”next”按钮
在这里插入图片描述

5：点击”install”按钮

在这里插入图片描述

6：等待安装

在这里插入图片描述

7：点击”Finish”按钮
在这里插入图片描述

8：安装结束

安装证书

https://www.jianshu.com/p/9d0e5d426c26
https://blog.csdn.net/windy135/article/details/79086270
https://mp.weixin.qq.com/s/9qRcbhW_lW9CMd0hjaT51A

web端

基本设置

解决charles30分钟自动关闭

如图操作所示
1、
在这里插入图片描述
2、

3、输入框输入：

Registered Name: https://zhile.io

License Key: 48891cf209c6d32bf4

4、重新启动即可

charles的证书下载

默认情况下，charles不能解析https协议的接口，里面的请求和响应数据都是乱码格式，所以我们需要下载ssl证书，来获取里面的数据
在这里插入图片描述

代理设置

在这里插入图片描述

设置host和port都为 * (所有)

在这里插入图片描述

注意：设置完需要重新启动

验证是否可以获取web端的https接口

打开charles
在这里插入图片描述

打开浏览器输入数据据
在这里插入图片描述

查看charles
在这里插入图片描述

charles右侧显示request，response

在这里插入图片描述

给想要抓的包分类

在这里插入图片描述

基本操作

断点调试（修改request）

百度输入数据，charles抓取接口，右键接口选择断点，复制路径
在这里插入图片描述

在这里插入图片描述

把复制的内容随便选一个输入框c , v 进去，然后随便选一个空输入框点击一下。

刷新百度页面

出现如下图内容

断点调试（修改response）

前面步骤和修改request一样

在这里插入图片描述

然后刷新页面

在这里插入图片描述

重定向

在这里插入图片描述

在这里插入图片描述

防止乱码

右键，选择Map Local

关闭网页重新打开

在百度输入之前输入的数据

关闭重定向

弱网测试

在这里插入图片描述

最后一步，刷新页面即可测试

模拟接口403/404返回值

Toots-black List
在这里插入图片描述
勾选启用黑名单功能，选择接口返回错误的形式（404/403）

在这里插入图片描述
添加接口地址，点击OK

再次请求，结果如下（404）

代理服务设置

1，选择map remote
在这里插入图片描述
2，将需要代理的内容填写进来

复制curl到postman

1，复制请求
在这里插入图片描述

2，postman导入请求
在这里插入图片描述
3，复制postman请求

移动端

基本设置

移动端charles证书下载

1，打开虚拟机
在这里插入图片描述
2，取消 windows proxy的勾选项

3，点击proxy选中proxy Setting，启动http代理端口(默认8888)

4，在help中选中SSL Proxying 中的Mobile Device 安装

5，显示如下图所示信息

6，点击设置按钮

7，点击”wifi”

8，长按已连接的WiFi
在这里插入图片描述

9，点击”修改网络”
在这里插入图片描述

10，勾选”高级选项”
在这里插入图片描述

11，选中”手动”
在这里插入图片描述

12，填写代理信息(ip和端口信息)
在这里插入图片描述

13，点击”保存”

14，打开模拟器中的游览器
在这里插入图片描述

15，输入对应的网址:chls.pro/ssl ,下载证书
在这里插入图片描述

16，点击下载的证书

17，给证书命名并确定
在这里插入图片描述

18，显示证书已安装
在这里插入图片描述

19，打开模拟器上的app,观察Charles中捕获的接口
在这里插入图片描述

以上为模拟器上安装证书操作,接下来就可以捕获接口操作了

基本操作

其他操作和web端的操作一样

Charles中真机测试

基本设置

连接真机

前提：保证电脑和手机在同一网络段(手机和电脑连接同一个wifi/热点)
1：在proxy中找到proxy settings
在这里插入图片描述

2：设置端口port以及勾选Enale transparent HTTP proxying
在这里插入图片描述

3：在proxy中找到SSL proxy settings

在这里插入图片描述

4：新增https对应的host以及端口号
在这里插入图片描述

5：点击help选择ssl Proxying,点击第三个(下载移动端证书)
在这里插入图片描述

6：弹出对应的ip地址和端口号

在这里插入图片描述

6：设置移动端代理
(1) 找到连接的wifi,点击进入设置代理
(2) 长按—修改网络—显示高级选项—代理—手动—写入charle弹出的ip和端口—保存

在这里插入图片描述

7：使用手机下载ssl证书，用手机游览器输入:chls.pro/ssl,前往
在这里插入图片描述

8：点击”立即下载”按钮
在这里插入图片描述

9：下载完成之后进行安装即可
在这里插入图片描述

10，验证能否抓取到app端的接口
10.1：手机输入123查询
在这里插入图片描述

10.2：获取到该接口信息

在这里插入图片描述
注：连接手机的时候会出现手机无网络，不能下载证书的问题（找到方法后再来补博客）

https://www.baidu.com/s?ie=utf-8&mod=1&isbd=1&isid=80db58250001a061&ie=utf-8&f=8&rsv_bp=1&tn=baidu&wd=%E7%99%BE%E5%BA%A6&oq=%25E7%2599%25BE%25E5%25BA%25A6&rsv_pq=80db58250001a061&rsv_t=e8ae%2FqzfdQ0cgtENfOJCgP5UNlwTGDerL%2BP%2B42xMdi4he0gjuhheFzPciqY&rqlang=cn&rsv_enter=0&rsv_dl=tb&rsv_btype=t&bs=%E7%99%BE%E5%BA%A6&rsv_sid=undefined&_ss=1&clist=97fa6eda6c430ef9&hsug=&f4s=1&csor=0&_cr1=28386

wxc ya

关注

0
点赞
踩
11

收藏

觉得还不错? 一键收藏
0
评论
charles操作（web端、移动端）

charles操作安装charlesweb端基本设置charles的证书下载代理设置设置host和port都为 * (所有)验证是否可以获取web端的https接口charles右侧显示request，response给想要抓的包分类基本操作断点调试（修改request）断点调试（修改respost）重定向弱网测试移动端基本设置移动端charles证书下载安装charles1：点击安装文件charles-proxy-4.2.8-win64.msi2:点击下一步3：勾选同意，点击”next”按钮
复制链接

扫一扫

专栏目录