「Charles 應用」經過 Charles 分析社區話題功能

背景

App 目前沒有運營引導工具對用戶內容進行合理引導，須要增長話題運營工具。提供 App 社區內容質量和天天 UGC 量級。

參考

社區帖子添加標籤是一個很經常使用的功能，大部分的社區 App 都有實現，諸如 微博，豆瓣，Oppo社區，理想，蔚來。真正在進入此需求以前，最好了解下相關平臺的產品。

以上分別是 豆瓣、蔚來、Oppo社區、理想汽車 的 Tag 展現方案。

• Tag 能夠支持一個或者多個

開始抓包 分析接口

後面所貼出的 返回結果針對 Topic 部分JSON， 其餘部分省略。

豆瓣

豆瓣列表 展現

{
    "topic_label_bg_color":"#F7F7F7",
    "topic_label_bg_img":"",
    "name":"讀書時寫的有趣批註",
    "topic_icon_large":"",
    "url":"https://www.douban.com/gallery/topic/164512/",
    "uri":"douban://douban.com/gallery/topic/164512",
    "topic_icon":"",
    "topic_label_hashtag_color":"#5DC66F",
    "topic_label_text_color":"#39A94C",
    "type":"gallery_topic",
    "id":"164512"
}

豆瓣主題詳情

{
    "subscription_count": 1267,
    "creator": null,
    "is_subscribed": false,
    "invite_type": "",
    "screenshot_title": "分享海報",
    "screenshot_url": "douban://partial.douban.com/screenshot/gallery/topic/164512/_content",
    "guests": [],
    "card_subtitle": "88篇內容・164.1萬次瀏覽",
    "screenshot_type": "rexxar",
    "id": "164512",
    "is_closed": false,
    "focused_subject": null,
    "topic_label_bg_color": "#F7F7F7",
    "topic_label_bg_img": "",
    "has_create_button": true,
    "group": null,
    "topic_tabs": [],
    "post_count": 88,
    "name": "讀書時寫的有趣批註",
    "label": "",
    "topic_label_hashtag_color": "#5DC66F",
    "ad_monitor_urls": [],
    "is_ad": false,
    "unpublic_reason": "",
    "participant_count": 92,
    "tags": [],
    "subject_card": null,
    "cover_url": "",
    "introduction": "今天重翻了我從前看的書，對於本身寫的批註感到可笑，雖然不少是無厘頭的碎碎念，但也頗有趣不是麼？讓我看看大家寫的吧，一塊兒分享這快樂！",
    "content_type": 6,
    "is_public": true,
    "topic_label_text_color": "#39A94C",
    "sharing_url": "https://www.douban.com/doubanapp/dispatch?uri=/gallery/topic/164512/",
    "wechat_timeline_share": "url",
    "topic_icon_large": "",
    "click_track_urls": [],
    "uri": "douban://douban.com/gallery/topic/164512",
    "create_button_text": "",
    "topic_icon": "",
    "mask_color": "",
    "mask_type": ""
}

核心信息：類型、跳轉地址、名稱、文字背景色、文字顏色、文字背景圖片、圖標，描述，文章發佈數

蔚來

帖子列表

{
    "name": "EC6提車季",
    "topic_id": "20872"
}

帖子詳情

{
    "topic_id": 20872,
    "topic_name": "EC6提車季",
    "img_url": "https://cdn-app.nio.com/user/2020/9/24/419faa45-35eb-412b-86c1-d4a3cfd33a36.jpeg",
    "summary": "2020年12月31日前(含)參與話題互動，分享你的提車做業或用車體驗，每個月抽選10位用戶各得到500積分獎勵",
    "create_user_id": "660135565",
    "create_type": 1,
    "sort_id": 77,
    "ugc_count": 256,
    "attend_user_count": 12640,
    "new_hot_tag": 0,
    "create_time": 1600962984,
    "update_time": 1600997614,
}

蔚來的 Tag 顯示邏輯是，在文章列表頁 只是顯示比較簡單的 Topic 名稱和 ID，只是做爲展現使用。當進入 Topic 專題頁時 拉取當前 Topic 詳細信息。

核心信息：名稱，圖片、描述、文章 UGC 數量，參與人數。

理想

帖子列表 （右）

{
    "productId": 95830,
    "name": "有理想的假期",
    "browseNum": 0,
    "participantsNum": 0,
    "contentNum": 0,
    "type": 1,
    "topicMark": 1
}

帖子詳情（左）

{
    "success": true,
    "code": 0,
    "data": {
        "productId": 95830,
        "name": "有理想的假期",
        "type": 1,
        "description": "當國慶節趕上中秋節，就迎來了疫情以後的第一個黃金週長假，在家憋了大半年，此次長假你準備好今年的「報復性」旅行了嗎？趕忙來分享你的自駕旅途，曬路線、曬美食、曬裝備...關鍵是還有機會贏SWITCH遊戲機！",
        "image": "https://p.ampmake.com/aisp/community/aisp/community/6ece59aa-7604-4f52-bcc3-2577f9a9f678.jpg",
        "imageRes": "1600*900",
        "browseNum": 650,
        "participantsNum": 164,
        "contentNum": 273,
        "router": "https://www.lixiang.com/community/detail/topic/95830.html",
        "createdAt": 1601012653000,
        "topicMark": 1
    },
    "msg": "成功"
}

在進入帖子詳情時，會拉取 Tag 詳細信息。隨後獲取當前 Tag 下的帖子。從返回結果 router 字段 能夠看出 理想汽車 主題實現是經過 H5 進行實現的。

核心信息： H5，瀏覽數，發佈數，內容，類型，描述，圖片，圖片大小

Oppo 社區

帖子列表

[{
    "id": 970,
    "name": "擡頭，看樹！"
}]

帖子詳情

{
    "id":941,
    "name":"我怎麼這麼好看",
    "weight":1029,
    "status":1,
    "related":0,
    "perm":1,
    "style":0,
    "type":"",
    "guide":"發出你的自拍吧！",
    "description":"發出你的自拍吧！",
    "small_img":"https://imgfs.oppo.cn/uploads/topic/2020/07/31/17315884601.jpg",
    "pc_img":"https://imgfs.oppo.cn/uploads/topic/2020/07/31/17320924401.jpg",
    "big_img":"https://imgfs.oppo.cn/uploads/topic/2020/07/31/17320396101.jpg",
    "insert_time":1596187981,
    "insert_by":15122500992,
    "compere_ids":"",
    "category_id":1,
    "category_name":"人像",
    "group_id":"",
    "related_topic":"",
    "reply":"1.2萬",
    "follower":64,
    "thread":"1.3萬",
    "read":"33.3萬",
    "is_follow":0,
    "username":[

    ]
}

抓包發現，Oppo 社區 部分接口 採用的是 protobuf 協議。不太好抓。對應 的網頁 是 Json 的形式

關鍵信息： H5，名稱，圖片，地址，類型，回覆量，參與量，讀取，狀態。

話題選擇頁

能夠看出大體的都差很少可能須要關注的幾個點

• 話題有熱門非熱門的區分
• 話題具有類型

功能	Oppo 社區	蔚來	理想汽車	豆瓣
名稱	✔️	✔️	✔️	✔️
描述	✔️	✔️	✔️	✔️
H5	✔️	✔️	✔️
狀態	✔️
話題列表展現參與數	✔️	✔️	✔️	✔️
閱讀	✔️	✔️	✔️	✔️
討論	✔️	✔️	✔️	✔️
Label 能夠配置	✔️	✔️	✔️	✔️
圖片	✔️	✔️	✔️	✔️

設計

在咱們社區話題的需求中，還有另一個子需求就是 話題詳情中的文章能夠支持單獨的排序配置。

由於咱們這邊社區的主數據庫是 mongodb ，因此這裏預留了一個 extend 字段 做爲擴展字段，用來應對各類需求。好比針對當前 Topic 下的文章支持自定義排序，那麼咱們就能夠在 extend 對象中增長 sort 字段

本文由博客羣發一文多發等運營工具平臺 OpenWrite 發佈