charles的踩坑之旅

169 阅读3分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第10天,点击查看活动详情

前言

大家好,我是小阵 🔥,一路奔波不停的码字业务员
如果喜欢我的文章,可以关注 ➕ 点赞,与我一同成长吧~😋
加我微信:zzz886885,邀你进群,一起学习交流,摸鱼学习两不误🌟

开开心心学技术大法~~

开心

来了来了,他真的来了~

正文

Charles抓包

问题一、https乱码

表现:http接口抓包是正常的,但是https抓包都是乱码 image.png

解决办法:添加ssl的拦截选项

1、Charles的Proxy菜单=》SSL Proxying Setting

image.png

2、添加一个host和port都是*的选项

image.png

3、乱码解决

image.png

Charles 与手机端调试

步骤一:PC端Charles下载ssl证书

Windows下载证书方法:blog.csdn.net/weixin_3886…

以下是Mac的下载证书流程

1、Charles的help菜单 => SSL Proxying => Install Charles Root Certificate

image.png

2、在选择框里搜索Charles Proxy =>双击搜索到的ssl文件

image.png

3、双击打开 => 点开“信任”选项 => 选择始终信任

image.png

4、关闭弹框的时候提示输入密码,正常输入密码 => 证书下载成功

步骤二:手机端下载ssl证书

如果想抓手机端,还需要在手机端也配置上正确的代理

1、PC端charles设置端口号并且打开允许通信

image.png

2、手机和PC端处于同一个局域网下 => 配置手机代理
1、查看需要配置的ip和端口
  • 配置代理的时候可以直接点开电脑的 设置 => 网络 => 查看ip
  • 端口号就是上一步设置的端口号

image.png

  • 或者直接通过 PC端Charles的Help菜单 => SSL Proxying => Install Charles Root Certificate on a Mobile Device or Remote Browser => 参看上面提示的ip+端口

image.png

image.png

2、配置手机端代理ip和端口
  1. 手机端设置 => 无线局域网(保证该局域网与PC端一致)=> 点击该局域网右边的小感叹号进入局域网设置

image.png

  1. 点击代理设置 => 改为手动配置 => 根据上面查看到的ip和端口进行配置 => 点击存储

image.png

3、手机连接到指定ip和端口后根据Charles提示下载手机端证书
  1. PC端Charles的Help菜单 => SSL Proxying => Install Charles Root Certificate on a Mobile Device or Remote Browser

  2. 参看上面提示打开手机浏览器输入地址:chls.pro/ssl => 下载手机证书到本地

  3. 这里用苹果端手机做下证书信任的设置

    3.1 手机设置 => 通用 => 描述文件 => Charles Proxy CA 安装 => 提示输入密码 => 正常输入密码完成安装

image.png

image.png 3.2 手机设置 => 通用 => 关于本机 => 拉到最下面有个证书信任设置点开 => Charles Proxy Ca 点击始终信任(这一步如果不做的话也可以,只不过每次代理的时候都会弹出一个框,需要手动点击Allow) image.png

image.png

结语

如果文章真的有帮到你,希望可以多多点赞、收藏、关注支持一波呀!!小阵会很开心哒~

文章如有错误或不严谨之处,还望指出,感谢感谢!!!

加油!

往期好文推荐「我不推荐下,大家可能就错过了史上最牛逼vscode插件集合啦!!!(嘎嘎~)😄」