版權聲明：本文為博主原創文章，未經博主允許不得轉載。
教程合輯:
1.原創教程:Charles抓包與解析 (一) : Charles安裝及使用
2.原創教程:Charles抓包與解析 (二) : 某App抓包數據分析(上)
3.原創教程:Charles抓包與解析 (三) : 某App抓包數據分析(下)
4.原創教程:Charles抓包與解析 (四) : H5和Native交互的實現
原創教程:Charles抓包與解析 (二) : 某App抓包數據分析(上)
Chapter 1 : 導航tabBar接口分析.
1.介紹倆工具網站
1.JSON在線格式化: http://www.runoob.com/tool/json/index.html
可以更清楚地看到JSON的結構.
2.Unicode編碼轉換: http://tool.chinaz.com/tools/unicode.aspx
亂碼轉中文.
2.接口數據分析
PS.Charles 打開,手機WiFi設置好.(按教程 一)
1.導航欄
點CopyURL ,這就是導航欄數據接口:
http://maimenghuo.com/v2/channels/preset?gender=1&generation=1
導航欄.png
JSON結構:
分兩個數組:
1.candidates 候選的
2.channels 已顯示的
JSON結構.png
JSON分析有三個屬性:
editable
id
name
{
"code": 200,
"data": {
"candidates": [{
"editable": true,
"id": 22,
"name": "萌物"
}, {
...........省略............
}],
"channels": [{
"editable": false,
"id": 4,
"name": "精選"
}, {
...........省略............
}]
},
"message": "OK"
}
2.導航tab推出的頁面接口
點擊App的導航tab,抓取接口:
點擊導航tab,抓取接口.png
"精選"導航tab的Id是4,接口:
http://maimenghuo.com/v2/channels/4/items?gender=1&generation=1&limit=20&offset=0
"萌物"導航tab的id是22,接口:
http://maimenghuo.com/v2/channels/22/items?gender=1&generation=1&limit=20&offset=0
"美食"導航tab的id是19,接口:
http://maimenghuo.com/v2/channels/19/items?gender=1&generation=1&limit=20&offset=0
顯然,直接拼接URL,導航推出的頁面數據接口為:
[NSString stringWithFormat:@"http://maimenghuo.com/v2/channels/%@/items?gender=1&generation=1&limit=20&offset=0",NavTab.Id];
