admin管理员组

文章数量:1542714

本文来自牛鹭学院学员:丁孟辉、陈金金

注意:在开发移动端项目没有网页的情况下,可以使用Charles抓取数据进行分析。

概念

Charles是一款Http代理服务器和Http监视器,当移动端在无线网连接中按要求设置好代理服务器,使所有对网络的请求都经过Charles客户端来转发时,Charles可以监控这个客户端各个程序所有连接互联网的Http通信。

Charles 主要功能:

1)截取 Http 和 Https 网络封包。

2)支持重发网络请求,方便后端调试。

3)支持修改网络请求参数。

4)支持网络请求的截获并动态修改。

5)支持模拟慢速网络。【弱网测试的功能点

安装Charles客户端

需要java环境,自行下载安装 (jdk version >= 8.0 )

http://www.oracle/technetwork/java/javase/downloads/index.html

Charles官网下载地址

https://www.charlesproxy/latest-release/download.do

Windows和macOS版本一样,大同小异,根据自己系统自行下载

破解地址

https://www.zzzmode/mytools/charles/

常识:当初次使用Charles抓包工具的时候,浏览器默认会使用charles代理,charles也会主动抓取正在开着的应用,如qq,微信,postman,搜狗拼音等工具,关闭charles后,再用浏览器浏览页面,会提示代理服务器连接失败,跟网络没有关系,手机也会这样。所以解决办法,取消charles代理,等再次打开charles,虽然不用修改浏览器代理设置,直接默认使用charles代理。

插件替换里面文件


手机端
--- QQ浏览器输入(不要自带) :chls.pro/ssl

即可下载证书:charles-proxy-ssl-proxying-certificate.pem

手机端-安装证书

设置--更多设置--系统安全--加密与凭据--从SD卡安装(选中crt或者pem)安装

安装好以后打开,配置Charles证书;选择:

help——SSL Proxying——install Charles Root Certificate

会出现证书安装的信息,我这边已经安装成功,第一次可能需要安装

将证书安装在“受信任的根证书颁发机构”,这步很重要

最后提示导入成功,出现如上述证书信息显示说明证书安装成功,也可在证书路径中查看证书安装结果

勾选Proxy——Windows Proxy

http和https使用的是完全不同的连接方式,用的端口也不一样,http是80,https是443。

手机端设置-前提

科普

手机和电脑保持在同一WIFI下

手机-- 开启-- 开发者模式 (只有开发者模式,才好抓包,不然全是乱码)

android手机-安装 pem 认证, ios手机-安装 crt 认证(后面有说明)

开启 -- 开发者模式

进入手机桌面,点击“设置”

拉到最下方,点击“关于手机”

连续点击“版本号”五次以上,

当出现提示“您正处于开发者模式”即可

返回设置页面,便出现“开发者选项”

进入开发者选项就可以进行相关设置。

首先查看Charles 所在电脑的ip 例如 192.168.1.71

步骤:cmd -> ipconfig

选择Proxy--Proxy Settings,输入端口号port:8888,勾选Support HTTP/2

安卓手机设置

例如:

步骤: wifi---连接网络---代理

PC端(电脑端)会出现弹框,选择 allow (允许)

弱网测试

简介:模拟多种弱网测试,低网速、2G、3G、4G等网络。

限速功能:

在做移动开发的时候,我们常常需要模拟慢速网络或者高延迟的网络,以测试在移动网络下,应用的表现是否正常(如模拟应用在网络较慢时的响应时间等情景)。Charles 对此需求提供了很好的支持。

如何进行弱网测试:

  • SIM卡的网络切换,手机-设置-移动网络设置-网络类型选择,3G、4G卡都可以设置关闭3G/4G,只走2G网络。
  • 具体弱网场景测试,常见场景包括:地铁/巴士、电梯、楼梯间、停车场
  • 使用虚拟机模拟网络速度,如用树莓派搭建的弱网测试仪
  • 使用软件进行网络代理,模拟不同的网络带宽、延时率、丢包率

限速之后,看手机的响应,可以看到页面响应更慢了,如果效果不明显,可以模拟较极端的情况。

获取更多课程资讯、技术干货、学员笔记,关注牛鹭学院官方公众号:牛鹭软件测试训练营

本文标签: 神器会了测试手机charles