前言:
距离上一个Swift仿写有妖气漫画项目基本接近尾声的时候,开始着手准备本次Swift高仿喜马拉雅App 的接口抓取和App资源获取工作,本篇文章主要介绍一下抓包工具Carles和图片资源获取工具Apple Configurator 2的使用
目录:
*Charles抓包工具抓取数据接口
**Apple Configurator 2获取APP图片资源包 ***LICEcap 录屏工具使用
一、Charles抓包工具的使用
1.Charles抓取Http数据
首先进入Charles官网https://www.charlesproxy.com,如下图所示进入Download下载适合自己系统的安装包和版本,我这里下载的是macOS,所以对应所需的设备还要一部iPhone
设置Charles
首先我们启动Charles,在Charles 的菜单中选择Proxy,记得勾选macOS Proxy还有点击最上面StratRecording才能开始抓包,然后点击Proxy->ProxySettings进入设置一个端口号,可以随意设置但是建议8080或者8888等
手机设置
接下来就是手机设置了,先获取电脑的IP地址,获取方法为Charles 的菜单中 Help -> Local IP Address
然后保证手机和电脑连接同一个WiFi,按照步骤手机->设置->WiFi,点击WiFi后面的小按钮进行HTTP设置,选择手动配置服务器(上图显示的IP地址)和端口号(就是上文说的自己填的端口)现在应该就可以进行HTTP请求的抓包了,随便打开一个手机App,看看是不 已经有数据了。
Tip:
下面说一下抓到数据的Charles界面,上面一排主要是控制按钮,清除数据、开始暂停等操作,然后说一下左边部分标红的两个按钮,Structure标识的是将访问到的请求按照域名的不同进行分类,而Sequence标识按照访问到的请求的时间排序
2.Charles抓取 HTTPS数据
使用以上方法在抓取HTTPS请求的时候会显示unkonwn 标识不能解析https请求,因为HTTPS需要SSL证书认证,所以我们需要在Charles菜单中Proxy-> SSL Proxying Settings->SSL Proxying:勾选Enable SSL Proxying ,并点击Add添加一个Location
添加host *标识所有的host都设置进去,端口是443接下来在 Charles 菜单,选择 Help -> SSL Proxying -> Install Charles Root Certificate,然后输入系统的帐号密码,即可在 钥匙串访问 中看到添加好的证书。 打开钥匙串访问,点击 登录 -> 证书,找到Charles Proxy CA证书,点进去选择全部信任
iPhone 安装证书
找到 Charles 菜单,选择 Help -> SSL Proxying -> Install Charles Root Certificate on a Mobile Device or Remote Browser
然后用用iPhone上的safari打开chls.pro/ssl 下载证书,下载完成之后还需要在手机 设置>通用--->描述文件与设备管理中 --->Charles Proxy CA... 将设置为信任
到这里抓包基本就是这样了二、Apple Configurator 2获取APP图片资源包
去Mac上的App Store下载Apple Configurator 2 启动Apple Configurator 2然后把iphone连接上Mac,点击Apple Configurator 2 菜单中->账户->登录(用连接设备的Apple ID)
登录好之后Apple Configurator 2界面中会有一个iPhone手机界面的画面,然后需要选中这个手机的画面,选中后会置灰,这个时候看到点击添加按钮,选择应用下载自己想要抓包的APP
搜索到自己想使用的App,例如喜马拉雅,然后点击添加,这个时候少等待会,如果你的手机中已经安装了你想要下载的App,会弹框提示 这个时候不要点击任何操作!!!
这个时候打开Finder选择前往文件夹,或者直接快捷键command+shift+G 拷贝下面路径输入前往该文件夹 ~/Library/Group Containers/K36BKF7T3D.group.com.apple.configurator/Library/Caches/Assets/TemporaryItems/MobileApps/
进入文件夹找到喜马拉雅ipa,并把它拷贝到桌面或者其他位置
然后更改后缀ipa为zip并解压
进入解压后的文件夹,找到Payload并选择显示包内容,这里面就是所需要的图片资源
到这里你会发现里面有很多的图片资源等文件了,但是还没有完,需要找到里面最重要的Assets.car这个压缩文件,这里面才是真正的我们需要的图片资源 这个Assets.car文件的解压需要用到 github.com/pcjbird/Ass… 进入这个地址并下载,github上面已经把使用方法描述的很清晰了,这里不说了到这里接口也有了,图片资源也拿到了,就可以愉快的开始你的高仿之路了
三、LICEcap 录屏工具使用
这个软件可以方便的选取屏幕的任一位置进行录屏,然后可以生成Gif 下载地址:download.csdn.net/download/yd… 下载完成解压,找到里面的dmg点击安装
安装完成,启动LICEcap,然后选择拖拽覆盖模拟器,点击Record弹框需要设置存放位置、格式等好了之后Save就可以开始录制了
最后放上我录制的Swift高仿喜马拉雅App 效果Gif
最后:
Swift高仿喜马拉雅这个开源项目写了也有一段时间了,后续会抽时间按章分析一些界面效果和思路,感兴趣的可以github下载项目,有什么问题和想法都可以交流 喜欢的可以给个star✨✨✨,好吧,推销痕迹略重 Swift高仿喜马拉雅App GitHub地址:github.com/daomoer/XML…