原创教程: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];

恩.这个教程会慢慢更新,零基础入门型选手应该都能看得懂.

转载请注明出处.谢谢.