背景
App 目前沒(méi)有運(yùn)營(yíng)引導(dǎo)工具對(duì)用戶內(nèi)容進(jìn)行合理引導(dǎo)，需要增加話題運(yùn)營(yíng)工具。提供 App 社區(qū)內(nèi)容質(zhì)量和每天 UGC 量級(jí)。
參考
社區(qū)帖子添加標(biāo)簽是一個(gè)很常用的功能，大部分的社區(qū) App 都有實(shí)現(xiàn)，諸如 微博，豆瓣，Oppo社區(qū)，理想，蔚來(lái)。真正在進(jìn)入此需求之前，最好了解下相關(guān)平臺(tái)的產(chǎn)品。
以上分別是 豆瓣、蔚來(lái)、Oppo社區(qū)、理想汽車 的 Tag 展示方案。
- Tag 可以支持一個(gè)或者多個(gè)
開始抓包 分析接口
后面所貼出的 返回結(jié)果針對(duì) Topic 部分JSON， 其他部分省略。
豆瓣
豆瓣列表 展示
{
"topic_label_bg_color":"#F7F7F7",
"topic_label_bg_img":"",
"name":"讀書時(shí)寫的有趣批注",
"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": "分享海報(bào)",
"screenshot_url": "douban://partial.douban.com/screenshot/gallery/topic/164512/_content",
"guests": [],
"card_subtitle": "88篇內(nèi)容?164.1萬(wàn)次瀏覽",
"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": "讀書時(shí)寫的有趣批注",
"label": "",
"topic_label_hashtag_color": "#5DC66F",
"ad_monitor_urls": [],
"is_ad": false,
"unpublic_reason": "",
"participant_count": 92,
"tags": [],
"subject_card": null,
"cover_url": "",
"introduction": "今天重翻了我從前看的書，對(duì)于自己寫的批注感到好笑，雖然很多是無(wú)厘頭的碎碎念，但也很有趣不是么？讓我看看你們寫的吧，一起分享這快樂(lè)！",
"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": ""
}
核心信息：類型、跳轉(zhuǎn)地址、名稱、文字背景色、文字顏色、文字背景圖片、圖標(biāo)，描述，文章發(fā)布數(shù)
蔚來(lái)
帖子列表
{
"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日前(含)參與話題互動(dòng)，分享你的提車作業(yè)或用車體驗(yàn)，每月抽選10位用戶各獲得500積分獎(jiǎng)勵(lì)",
"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,
}
蔚來(lái)的 Tag 顯示邏輯是，在文章列表頁(yè) 只是顯示比較簡(jiǎn)單的 Topic 名稱和 ID，只是作為展示使用。當(dāng)進(jìn)入 Topic 專題頁(yè)時(shí) 拉取當(dāng)前 Topic 詳細(xì)信息。
核心信息：名稱，圖片、描述、文章 UGC 數(shù)量，參與人數(shù)。
理想
帖子列表 （右）
{
"productId": 95830,
"name": "有理想的假期",
"browseNum": 0,
"participantsNum": 0,
"contentNum": 0,
"type": 1,
"topicMark": 1
}
帖子詳情（左）
{
"success": true,
"code": 0,
"data": {
"productId": 95830,
"name": "有理想的假期",
"type": 1,
"description": "當(dāng)國(guó)慶節(jié)遇上中秋節(jié)，就迎來(lái)了疫情之后的第一個(gè)黃金周長(zhǎng)假，在家憋了大半年，這次長(zhǎng)假你準(zhǔn)備好今年的“報(bào)復(fù)性”旅行了嗎？趕緊來(lái)分享你的自駕旅途，曬路線、曬美食、曬裝備...關(guān)鍵是還有機(jī)會(huì)贏SWITCH游戲機(jī)！",
"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": "成功"
}
在進(jìn)入帖子詳情時(shí)，會(huì)拉取 Tag 詳細(xì)信息。隨后獲取當(dāng)前 Tag 下的帖子。從返回結(jié)果 router 字段 可以看出 理想汽車 主題實(shí)現(xiàn)是通過(guò) H5 進(jìn)行實(shí)現(xiàn)的。
核心信息： H5，瀏覽數(shù)，發(fā)布數(shù)，內(nèi)容，類型，描述，圖片，圖片大小
Oppo 社區(qū)
帖子列表
[{
"id": 970,
"name": "抬頭，看樹！"
}]
帖子詳情
{
"id":941,
"name":"我怎么這么好看",
"weight":1029,
"status":1,
"related":0,
"perm":1,
"style":0,
"type":"",
"guide":"發(fā)出你的自拍吧！",
"description":"發(fā)出你的自拍吧！",
"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萬(wàn)",
"follower":64,
"thread":"1.3萬(wàn)",
"read":"33.3萬(wàn)",
"is_follow":0,
"username":[
]
}
抓包發(fā)現(xiàn)，Oppo 社區(qū) 部分接口 采用的是 protobuf 協(xié)議。不太好抓。對(duì)應(yīng) 的網(wǎng)頁(yè) 是 Json 的形式
關(guān)鍵信息： H5，名稱，圖片，地址，類型，回復(fù)量，參與量，讀取，狀態(tài)。
話題選擇頁(yè)
可以看出大致的都差不多可能需要關(guān)注的幾個(gè)點(diǎn)
- 話題有熱門非熱門的區(qū)分
- 話題具備類型
| 功能 | Oppo 社區(qū) | 蔚來(lái) | 理想汽車 | 豆瓣 |
|---|---|---|---|---|
| 名稱 | ?? | ?? | ?? | ?? |
| 描述 | ?? | ?? | ?? | ?? |
| H5 | ?? | ?? | ?? | :question: |
| 狀態(tài) | ?? | :question: | :question: | :question: |
| 話題列表展示參與數(shù) | ?? | ?? | ?? | ?? |
| 閱讀 | ?? | ?? | ?? | ?? |
| 討論 | ?? | ?? | ?? | ?? |
| Label 可以配置 | ?? | ?? | ?? | ?? |
| 圖片 | ?? | ?? | ?? | ?? |
設(shè)計(jì)
在我們社區(qū)話題的需求中，還有另外一個(gè)子需求就是 話題詳情中的文章可以支持單獨(dú)的排序配置。
因?yàn)槲覀冞@邊社區(qū)的主數(shù)據(jù)庫(kù)是 mongodb ，所以這里預(yù)留了一個(gè) extend 字段 作為擴(kuò)展字段，用來(lái)應(yīng)對(duì)各種需求。比如針對(duì)當(dāng)前 Topic 下的文章支持自定義排序，那么我們就可以在 extend 對(duì)象中增加 sort 字段
開源項(xiàng)目推薦
只有 Js 能干點(diǎn)啥，JS 和 Github Actions 實(shí)現(xiàn)嗶哩嗶哩每日自動(dòng)簽到、投幣、領(lǐng)取獎(jiǎng)勵(lì)。?? ??
IDEA 宇宙最強(qiáng)操作技巧，錯(cuò)誤此項(xiàng)目 后悔一生。?? ??
