版權聲明：本文為博主原創文章，未經博主允許不得轉載。
教程合輯:
1.原創教程:Charles抓包與解析 (一) : Charles安裝及使用
2.原創教程:Charles抓包與解析 (二) : 某App抓包數據分析(上)
3.原創教程:Charles抓包與解析 (三) : 某App抓包數據分析(下)
4.原創教程:Charles抓包與解析 (四) : H5和Native交互的實現
原創教程:Charles抓包與解析 (三) : 某App抓包數據分析(中)
Chapter 2 : 首頁"精選"接口分析.
PS.Charles 打開,手機WiFi設置好.(按教程 一)
1.首頁有點復雜,分三部分
1.banners
2.中間四個小按鈕
3.下面的tableview
2.Banners
Banners 接口直接可以看到:
http://maimenghuo.com/v2/banners?channel=iOS
Banners的JSON數據
{
"code": 200,
"data": {
"banners": [{
"id": 132,
"image_url": "http://7xkwn3.com1.z0.glb.clouddn.com/image/160331/08nuxlzl5.jpg-w720",
"order": 132,
"status": 0,
"target": {
"banner_image_url": "http://7xkwn3.com1.z0.glb.clouddn.com/image/160331/mqi7z1h64.jpg-w300",
"cover_image_url": "http://7xkwn3.com1.z0.glb.clouddn.com/image/160331/vp0ycx4s6.jpg-w720",
"created_at": 1459463400,
"id": 72,
"posts_count": 5,
"status": 0,
"subtitle": "整蠱無罪 愚人有理",
"title": "愚人節快樂！",
"updated_at": 1459413920
},
"target_id": 72,
"target_url": "",
"type": "collection"
}, {
............省略.............
}]
},
"message": "OK"
}
2.1點擊第一個banner
接口:
http://maimenghuo.com/v2/collections/72/posts?gender=1&generation=1&limit=20&offset=0
JSON數據
posts:[{}] 里是點擊后推送的頁面的信息,合計5個(posts_count)
{
"code": 200,
"data": {
"banner_image_url": "http://7xkwn3.com1.z0.glb.clouddn.com/image/160331/mqi7z1h64.jpg-w300",
"cover_image_url": "http://7xkwn3.com1.z0.glb.clouddn.com/image/160331/vp0ycx4s6.jpg-w720",
"created_at": 1459463400,
"id": 72,
"paging": {
"next_url": "http://maimenghuo.com/v2/collections/72/posts?generation=1&gender=1&limit=20&offset=20"
},
"posts": [{
"content_url": "http://www.maimenghuo.com/posts/17980/content",
"cover_image_url": "http://7xkwn3.com1.z0.glb.clouddn.com/image/160326/ippe6sqfc.jpg-w720",
"created_at": 1459031403,
"id": 17980,
"label_ids": [],
"liked": false,
"likes_count": 996,
"published_at": 1459031403,
"share_msg": " 一年一度的愚人節又來臨了，小伙伴們是不是都躍躍欲試，打算整蠱一番呢？萌萌兔緊跟步伐，為大家帶來了這些整蠱小道具，請笑納~",
"short_title": "整人玩具",
"status": 0,
"title": "愚人節｜你準備好整蠱了嗎？",
"updated_at": 1458555028,
"url": "http://www.maimenghuo.com/posts/17980"
}, {
.....第二個.....
}, {
.....第三個.....
}, {
.....第四個.....
}, {
.....第五個.....
}],
"posts_count": 5,
"status": 0,
"subtitle": "整蠱無罪 愚人有理",
"title": "愚人節快樂！",
"updated_at": 1459413920
},
"message": "OK"
}
2.2 banner各圖片推送的接口
點擊第二個banner圖片接口是:
http://maimenghuo.com/v2/collections/71/posts?gender=1&generation=1&limit=20&offset=0
所以banner的各張圖片的接口是:
[NSString stringWithFormat:@"http://maimenghuo.com/v2/collections/%@/posts?gender=1&generation=1&limit=20&offset=0",banner.target_id];
3.中間四個小按鈕
顯示接口是:
http://maimenghuo.com/v2/promotions?gender=1&generation=1
JSON數據
{
"code": 200,
"data": {
"promotions": [
{
"color": "#ff6d3b",
"icon_url": "http://7xkwn3.com1.z0.glb.clouddn.com/image/160116/f39eb72.png-pw144",
"id": 1,
"order": null,
"status": 0,
"target_url": "maimenghuo:///page?type=topic&topic_id=14&page_action=navigation&title=%08%e6%af%8f%e6%97%a5%e5%8d%81%e4%bb%b6",
"title": "每日十件"
}, {
.....第二個.....
}, {
.....第三個.....
}, {
.....第四個.....
} ]
},
"message": "OK"
}
3.1 按鈕接口
第一按鈕,接口是
http://maimenghuo.com/v2/collections/14/posts?gender=1&generation=1&limit=20&offset=0
第二按鈕,接口是
http://maimenghuo.com/v2/collections/15/posts?gender=1&generation=1&limit=20&offset=0
從上面的JSON里的target_url 可以看出有topic_id/navigation&title等
所以對應按鈕的接口是
[NSString stringWithFormat:@"http://maimenghuo.com/v2/collections/%@/posts?gender=1&generation=1&limit=20&offset=0",promotions.topic_id];
4.下面的tableview
下面的tableview ,tableview的接口就是教程上一節分析的:
http://maimenghuo.com/v2/channels/22/items?gender=1&generation=1&limit=20&offset=0
[NSString stringWithFormat:@"http://maimenghuo.com/v2/channels/%@/items?gender=1&generation=1&limit=20&offset=0",NavTab.Id];
