Swift高仿喜马拉雅APP之一Charles抓包、图片资源获取等

前言:

距离上一个Swift仿写有妖气漫画项目基本接近尾声的时候,开始着手准备本次Swift高仿喜马拉雅App 的接口抓取和App资源获取工做,本篇文章主要介绍一下抓包工具Carles和图片资源获取工具Apple Configurator 2的使用git

目录:

*Charles抓包工具抓取数据接口
**Apple Configurator 2获取APP图片资源包 ***LICEcap 录屏工具使用github

1、Charles抓包工具的使用

1.Charles抓取Http数据

首先进入Charles官网https://www.charlesproxy.com,以下图所示进入Download下载适合本身系统的安装包和版本,我这里下载的是macOS,因此对应所需的设备还要一部iPhone 服务器

下载界面

设置Charles

首先咱们启动Charles,在Charles 的菜单中选择Proxy,记得勾选macOS Proxy还有点击最上面StratRecording才能开始抓包,而后点击Proxy->ProxySettings进入设置一个端口号,能够随意设置可是建议8080或者8888等 app

Charles设置

手机设置

接下来就是手机设置了,先获取电脑的IP地址,获取方法为Charles 的菜单中 Help -> Local IP Address dom

屏幕快照 2018-08-30 上午9.42.37.png
而后保证手机和电脑链接同一个WiFi,按照步骤手机->设置->WiFi,点击WiFi后面的小按钮进行HTTP设置,选择手动配置服务器(上图显示的IP地址)和端口号(就是上文说的本身填的端口)

图片

图片资源

如今应该就能够进行HTTP请求的抓包了,随便打开一个手机App,看看是不 已经有数据了。iphone

Tip:

下面说一下抓到数据的Charles界面,上面一排主要是控制按钮,清除数据、开始暂停等操做,而后说一下左边部分标红的两个按钮,Structure标识的是将访问到的请求按照域名的不一样进行分类,而Sequence标识按照访问到的请求的时间排序工具

抓包界面

2.Charles抓取 HTTPS数据

使用以上方法在抓取HTTPS请求的时候会显示unkonwn 标识不能解析https请求,由于HTTPS须要SSL证书认证,因此咱们须要在Charles菜单中Proxy-> SSL Proxying Settings->SSL Proxying:勾选Enable SSL Proxying ,并点击Add添加一个Location 学习

屏幕快照 2018-08-30 下午12.00.34.png
添加host *标识全部的host都设置进去,端口是443
屏幕快照 2018-08-30 下午12.00.22.png

接下来在 Charles 菜单,选择 Help -> SSL Proxying -> Install Charles Root Certificate,而后输入系统的账号密码,便可在 钥匙串访问 中看到添加好的证书。 打开钥匙串访问,点击 登陆 -> 证书,找到Charles Proxy CA证书,点进去选择所有信任 .net

屏幕快照 2018-08-30 下午12.55.44.png

iPhone 安装证书

找到 Charles 菜单,选择 Help -> SSL Proxying -> Install Charles Root Certificate on a Mobile Device or Remote Browser3d

屏幕快照 2018-08-30 下午12.58.08.png

而后用用iPhone上的safari打开chls.pro/ssl 下载证书,下载完成以后还须要在手机 设置>通用--->描述文件与设备管理中 --->Charles Proxy CA... 将设置为信任

图片啊
到这里抓包基本就是这样了

2、Apple Configurator 2获取APP图片资源包

去Mac上的App Store下载Apple Configurator 2 启动Apple Configurator 2而后把iphone链接上Mac,点击Apple Configurator 2 菜单中->帐户->登陆(用链接设备的Apple ID)

屏幕快照 2018-08-30 下午1.37.48.png

登陆好以后Apple Configurator 2界面中会有一个iPhone手机界面的画面,而后须要选中这个手机的画面,选中后会置灰,这个时候看到点击添加按钮,选择应用下载本身想要抓包的APP

屏幕快照 2018-08-30 下午1.40.54.png

搜索到本身想使用的App,例如喜马拉雅,而后点击添加,这个时候少等待会,若是你的手机中已经安装了你想要下载的App,会弹框提示 这个时候不要点击任何操做!!!

屏幕快照 2018-08-30 下午1.43.17.png
WechatIMG28.jpeg

这个时候打开Finder选择前往文件夹,或者直接快捷键command+shift+G 拷贝下面路径输入前往该文件夹 ~/Library/Group Containers/K36BKF7T3D.group.com.apple.configurator/Library/Caches/Assets/TemporaryItems/MobileApps/

进入文件夹找到喜马拉雅ipa,并把它拷贝到桌面或者其余位置

屏幕快照 2018-08-30 下午1.49.02.png

而后更改后缀ipa为zip并解压

屏幕快照 2018-08-30 下午1.52.07.png

进入解压后的文件夹,找到Payload并选择显示包内容,这里面就是所须要的图片资源

屏幕快照 2018-08-30 下午1.52.27.png
到这里你会发现里面有不少的图片资源等文件了,可是尚未完,须要找到里面最重要的Assets.car这个压缩文件,这里面才是真正的咱们须要的图片资源 这个Assets.car文件的解压须要用到 github.com/pcjbird/Ass… 进入这个地址并下载,github上面已经把使用方法描述的很清晰了,这里不说了

到这里接口也有了,图片资源也拿到了,就能够愉快的开始你的高仿之路了

3、LICEcap 录屏工具使用

这个软件能够方便的选取屏幕的任一位置进行录屏,而后能够生成Gif 下载地址:download.csdn.net/download/yd… 下载完成解压,找到里面的dmg点击安装

屏幕快照 2018-08-30 下午2.06.08.png

安装完成,启动LICEcap,而后选择拖拽覆盖模拟器,点击Record弹框须要设置存放位置、格式等好了以后Save就能够开始录制了

屏幕快照 2018-08-30 下午2.07.57.png

最后放上我录制的Swift高仿喜马拉雅App 效果Gif

Untitled.gif

最后:

Swift高仿喜马拉雅这个开源项目写了也有一段时间了,后续会抽时间按章分析一些界面效果和思路,感兴趣的能够github下载项目,有什么问题和想法均可以交流 喜欢的能够给个star✨✨✨,好吧,推销痕迹略重 Swift高仿喜马拉雅App GitHub地址:github.com/daomoer/XML…

最大字

最后提醒你们,抓取的资源请只用于学习使用,切勿商用或者传播

相关文章
相关标签/搜索