uni-app 實現應用桌面圖標角標提示及應用跳轉

一、前言

在前期實現un-app集成極光推送并完成狀態欄消息通知的基礎上，需要實現應用icon角標顯示未讀信息數量，點擊圖標后跳轉至應用具體頁面，閱讀某條信息后，角標數字相應減一功能。

待實現功能點：

用戶登錄后，應用角標顯示未讀信息數量；

點擊含有未讀信息的應用角標，跳轉至應用具體頁面；

閱讀某條未讀信息后，應用角標數據做減一操作；

二、實現

鑒于uni-app App 端內置 HTML5+ 引擎，讓 js 可以直接調用豐富的原生能力。應用H5+ API plus.runtime.setBadgeNumber方法可實現應用角標數字展示效果。

plus.runtime.setBadgeNumber(8,{ title:'推送消息', content:'消息內容' });

應用示例如下：

// 設置數字 function setBadge() { plus.runtime.setBadgeNumber(8); } // 清除數字 function clearBadge() { plus.runtime.setBadgeNumber(0); }

接口文檔如下：

注意??：

平臺支持方面，支持Android 2.2+，但是目前僅支持小米(MIUI6及以上)和華為設備，其它設備調用后無任何效果； HBuilderX2.9.9+版本支持VIVO設備。

支持iOS 4.3+ ，且應用需開啟“Push Notifications”服務才生效。

三、遇到的問題及解決措施

待補充。

四、拓展閱讀

plus.runtime.setBadgeNumber API文檔

極光推送官方SDK

極光JCore官方SDK

極光官網平臺

極光官方demo

《跨平臺應用開發進階(八) ：uni-app 實現Android原生APP-云打包集成極光推送(JG-JPUSH)詳細教程》

《跨平臺應用開發進階(九) ：uni-app 實現Android原生APP-本地打包集成極光推送(JG-JPUSH)詳細教程》

《跨平臺應用開發進階(十一) ：uni-app 實現IOS原生APP-云打包集成極光推送(JG-JPUSH)詳細教程》

Android 移動APP

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。