怎么實現(xiàn)小程序內(nèi)容更新提示小紅點

這篇文章將為大家詳細講解有關怎么實現(xiàn)小程序內(nèi)容更新提示小紅點，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

成都創(chuàng)新互聯(lián)公司服務項目包括謝家集網(wǎng)站建設、謝家集網(wǎng)站制作、謝家集網(wǎng)頁制作以及謝家集網(wǎng)絡營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關系等，向廣大中小型企業(yè)、政府機構等提供互聯(lián)網(wǎng)行業(yè)的解決方案，謝家集網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務的客戶以成都為中心已經(jīng)輻射到謝家集省份的部分城市，未來相信會繼續(xù)擴大服務區(qū)域并繼續(xù)獲得客戶的支持與信任！

有登錄態(tài)

比較常規(guī)的做法是有用戶登錄態(tài)的情況，將用戶的已讀時間錄入至后臺的用戶數(shù)據(jù)信息中，當內(nèi)容更新時，把內(nèi)容更新時間和用戶已讀時間做對比，如果用戶已讀時間早于內(nèi)容更新時候，在入口處給用戶提示小紅點，表示有更新內(nèi)容未讀。

1. 更新數(shù)據(jù)

第一步是更新數(shù)據(jù)，在常規(guī)數(shù)據(jù)字段之外，需要注意新增更新時間字段。這樣用戶在獲取數(shù)據(jù)時，才方便后臺對比數(shù)據(jù)更新時間和用戶已讀時間。

2. 獲取數(shù)據(jù)

第二步是獲取數(shù)據(jù)，在獲取數(shù)據(jù)的時候，帶上 userId，后臺在接收到請求之后，查詢該用戶上次的已讀時間，判斷該用戶是否瀏覽過最新的內(nèi)容，也就獲取到用戶的已讀未讀狀態(tài)。

如果用戶最新閱讀時間晚于數(shù)據(jù)最新更新時間，則處于未讀狀態(tài)，接口返回is_read: false，前端拿到該字段后，請求設置已讀的接口，后臺接收到設置已讀的請求后，更新用戶數(shù)據(jù)中的已讀時間字段。

如果用戶最新閱讀時間晚于數(shù)據(jù)最新更新時間，則處于已讀狀態(tài)，此時沒有內(nèi)容更新，不提示用戶小紅點。

到這里，一個簡單的擁有用戶登錄態(tài)的內(nèi)容更新提示小紅點的功能就完成了。

沒有登錄態(tài)

當內(nèi)容需要推送給游客狀態(tài)的用戶時，怎么才能知道該用戶是否瀏覽過最新發(fā)布的內(nèi)容呢？

1. 更新數(shù)據(jù)

更新數(shù)據(jù)和有登錄態(tài)的做法一樣，新增更新時間字段就可以了。

2. 獲取數(shù)據(jù)

獲取數(shù)據(jù)這一步有些不一樣，數(shù)據(jù)更新時間依然是從后臺拉取，用戶最新閱讀時間則是從瀏覽器本地緩存 localStorage 中獲取。用戶首次進入內(nèi)容頁時，更新 localStorage 中的readTime 字段，表示用戶已讀時間。

再次進入內(nèi)容頁時，將 localStorage 中的已讀時間與數(shù)據(jù)更新時間對比，決定是否更新 localStorage 中的已讀時間，這樣就可以實現(xiàn)內(nèi)容更新時提示小紅點，內(nèi)容未更新時不提示了。但是由于沒有登錄態(tài)，是否讀過最新內(nèi)容不是根據(jù)用戶來決定的，而是根據(jù)客戶端瀏覽器決定，適用于弱綁定的場景。

關于怎么實現(xiàn)小程序內(nèi)容更新提示小紅點就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

本文名稱：怎么實現(xiàn)小程序內(nèi)容更新提示小紅點
當前網(wǎng)址：http://muchs.cn/article42/piojec.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供Google、網(wǎng)站改版、定制開發(fā)、響應式網(wǎng)站、標簽優(yōu)化、品牌網(wǎng)站設計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)