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

在龍鳳等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都做網(wǎng)站、成都網(wǎng)站制作、成都外貿(mào)網(wǎng)站建設(shè) 網(wǎng)站設(shè)計制作按需策劃,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),成都全網(wǎng)營銷推廣,成都外貿(mào)網(wǎng)站建設(shè)公司,龍鳳網(wǎng)站建設(shè)費(fèi)用合理。

有登錄態(tài)

比較常規(guī)的做法是有用戶登錄態(tài)的情況，將用戶的已讀時間錄入至后臺的用戶數(shù)據(jù)信息中，當(dāng)內(nèi)容更新時，把內(nèi)容更新時間和用戶已讀時間做對比，如果用戶已讀時間早于內(nèi)容更新時候，在入口處給用戶提示小紅點(diǎn)，表示有更新內(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è)置已讀的接口，后臺接收到設(shè)置已讀的請求后，更新用戶數(shù)據(jù)中的已讀時間字段。

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

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

沒有登錄態(tài)

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

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

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

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

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

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

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

當(dāng)前名稱：怎么實(shí)現(xiàn)小程序內(nèi)容更新提示小紅點(diǎn)-創(chuàng)新互聯(lián)
URL分享：http://weahome.cn/article/dhdpos.html