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

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

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

有登錄態(tài)

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

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

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

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

第二步是獲取數(shù)據(jù)，在獲取數(shù)據(jù)的時(shí)候，帶上 userId，后臺(tái)在接收到請(qǐng)求之后，查詢?cè)撚脩羯洗蔚囊炎x時(shí)間，判斷該用戶是否瀏覽過最新的內(nèi)容，也就獲取到用戶的已讀未讀狀態(tài)。

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

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

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

沒有登錄態(tài)

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

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

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

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

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

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

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

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

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

廣告

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