美文网首页iOS学习笔记iOS开发精选
Charles(V3.10.1)的抓包以及常见功能的使用

Charles(V3.10.1)的抓包以及常见功能的使用

作者: 甘林梦 | 来源:发表于2019-04-14 12:55 被阅读1次

    写在前面,小弟的专业技术博客:https://www.cnblogs.com/ljcgood66/

    该博客的链接为:https://www.cnblogs.com/ljcgood66/p/10704366.html

    一、Charles的安装

    安装都不会,那就不用再往下看了。(*^__^*) 嘻嘻……

    二、HTTP抓包

    1.查看电脑IP地址

    2.设置手机的HTTP代理

    手机连接到同一WiFi下设置HTTP代理:

    服务器为电脑IP一样,端口号设置8888

    3.在电脑上打开Charles

    点击“Allow”允许,出现手机的HTTP请求列表

    三、HTTPS抓包

    注意:HTTPS的抓包需要在HTTP抓包基础上再进行设置

    设置前抓包HTTPS是这样的

    1.安装SSL证书到手机设备

    点击 Help -> SSL Proxying -> Install Charles Root Certificate on a Mobile Device or...

    出现弹窗得到地址 http://charlesproxy.com/getssl

    在手机Safari浏览器输入地址http://charlesproxy.com/getssl,出现证书安装页面,点击安装

    手机设置有密码的输入密码进行安装

     注意:不要以为这样就结束了,还需要启用完全信任Charles证书

    设置→通用→关于本机→证书信任设置 里面启用完全信任Charles证书

    2.电脑安装SSL证书

    选中Charles,在“Help”菜单中选择—>“SSL Proxying”—>“Install Charles Root Certificate”会自动打开钥匙串访问窗口:

    注意:如果点击没反应,点击 save Charles Root Certificate... ,保存到桌面即可,双击之后再看钥匙串访问

    在“钥匙串访问”中双击打开,选择始终信任

    3.在Charles工具栏上点击设置按钮,选择“SSL Proxying Settings…”:

    打开“SSL Proxying Settings”对话框:

    点击“Add”添加:Host中输入*表示匹配所有主机。https默认端口号:443。

    4. 测试

    再次请求一下APP,见证奇迹的时刻

     四、Charles如何打断点,修改Response数据

    1、打开将要访问的网址,通过Charles抓到想要修改数据的接口

    这里我们来修改一下首页的内容看看

    请记住原来的首页是这个样的 今日推荐话题:get买家秀 

    我们做的是修改这个文案

    2. 点击右键选Breakpoints

    3.点击Charles工具中Proxy-Breakpoints

    抱歉图片反了,对于优秀的你应该一样可以看

    4、弹出Breakpoints  Settings 弹层

    双击Location中的想要打断点的接口,弹出Edit Breakpoints

    5.将Query中的内容删除,输入*

    如果修改Request数据,就将Request勾选

    如果修改Response数据,就将Response勾选

    6.此时重新访问该接口,Charles自动跳转到Breakpoints页面

     8、此时修改Response数据,点击Edit Response,切换底部tab至Text 或者JavaScript,修改所需要的数据

    这里我切换到javaScript,修改“get买家秀”为“get买家秀修改内容后” 点击excute 查看访问的页面,数据将会显示已修改的Response数据

    9.数据将会显示已修改的Response数据

    下面就是见证奇迹的时刻了

    五、Charles模拟网络环境,限制网络速度 Charles Throtting

    App开发完后,我们要测试多环境,特别是在慢网速下的case,现在用charles也可以达到这目的。

    看这两张图片我想聪明的你就知道怎么设置了!

    感谢各位大神~

    参考文档链接:

    https://www.cnblogs.com/weiming4219/p/7908668.html

    https://blog.csdn.net/joyce_xiaobaibai/article/details/80693471

    https://www.jianshu.com/p/b2582d790b52

    https://www.cnblogs.com/weiming4219/p/7908668.html

    相关文章

      网友评论

        本文标题:Charles(V3.10.1)的抓包以及常见功能的使用

        本文链接:https://www.haomeiwen.com/subject/miijwqtx.html