原創教程:Charles抓包與解析 (二) : 某App抓包數據分析(上)

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

教程合輯:

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];

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

轉載請注明出處.謝謝.

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容