版權聲明：本文為博主原創文章，未經博主允許不得轉載。

教程合輯:

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結構.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

顯然,直接拼接URL,導航推出的頁面數據接口為:

[NSString stringWithFormat:@"http://maimenghuo.com/v2/channels/%@/items?gender=1&generation=1&limit=20&offset=0",NavTab.Id];

恩.這個教程會慢慢更新,零基礎入門型選手應該都能看得懂.

轉載請注明出處.謝謝.