Swift高仿喜馬拉雅APP之一Charles抓包、圖片資源獲取等

Domo發表於2018-08-30

前言:

距離上一個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等

Charles設定

手機設定

接下來就是手機設定了,先獲取電腦的IP地址,獲取方法為Charles 的選單中 Help -> Local IP Address

螢幕快照 2018-08-30 上午9.42.37.png
然後保證手機和電腦連線同一個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

螢幕快照 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證書,點進去選擇全部信任

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

iPhone 安裝證書

找到 Charles 選單,選擇 Help -> SSL Proxying -> Install Charles Root Certificate on a Mobile Device or Remote Browser

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

然後用用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)

螢幕快照 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上面已經把使用方法描述的很清晰了,這裡不說了

到這裡介面也有了,圖片資源也拿到了,就可以愉快的開始你的高仿之路了

三、LICEcap 錄屏工具使用

這個軟體可以方便的選取螢幕的任一位置進行錄屏,然後可以生成Gif 下載地址:download.csdn.net/download/yd… 下載完成解壓,找到裡面的dmg點選安裝

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

安裝完成,啟動LICEcap,然後選擇拖拽覆蓋模擬器,點選Record彈框需要設定存放位置、格式等好了之後Save就可以開始錄製了

Swift高仿喜馬拉雅APP之一Charles抓包、圖片資源獲取等

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

最後放上我錄製的Swift高仿喜馬拉雅App 效果Gif

Untitled.gif

最後:

Swift高仿喜馬拉雅這個開源專案寫了也有一段時間了,後續會抽時間按章分析一些介面效果和思路,感興趣的可以github下載專案,有什麼問題和想法都可以交流 喜歡的可以給個star✨✨✨,好吧,推銷痕跡略重 Swift高仿喜馬拉雅App GitHub地址:github.com/daomoer/XML…

最大字

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

相關文章