charles操作(web端、移动端)

安装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
  • 0
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值