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…

最大字

最後提醒你們,抓取的資源請只用於學習使用,切勿商用或者傳播

相關文章
相關標籤/搜索