項(xiàng)目上有一個(gè)消息推送的功能和蚪,一開始想使用極光推送止状,在安卓上測(cè)試比較順利,但是IOS上需要什么證書惠呼,沒(méi)有開發(fā)者賬號(hào)导俘,感覺(jué)好麻煩峦耘。后面就想在每次啟動(dòng)app的時(shí)候剔蹋,本地推送一次消息,碰巧官網(wǎng)上發(fā)現(xiàn)了這個(gè)插件辅髓,de.appplant.cordova.plugin.local-notification泣崩。
image.png
安裝插件
ionic cordova plugin add de.appplant.cordova.plugin.local-notification
npm install --save @ionic-native/local-notifications
安裝之后,在app.module.ts中引入provider
import { LocalNotifications } from '@ionic-native/local-notifications';
image.png
使用說(shuō)明
image.png
testStatus() {
this.localNotifications.schedule({
id: 1,
title: '筑美通知',
text: '這是顯示通知欄的內(nèi)容',
icon: 'http://example.com/icon.png',
at: new Date(new Date().getTime() + 3000),
});
this.localNotifications.on('click', (notification) => {
alert(JSON.stringify(notification));
});
}
//這里選擇在應(yīng)用啟動(dòng)的時(shí)候調(diào)用發(fā)送一條消息洛口,也就是 調(diào)用 this.testStatus()方法矫付。
//如上所示,每條消息可以看成是一個(gè)對(duì)象第焰,text是內(nèi)容买优,title是標(biāo)題,at表示在通知欄上顯示的時(shí)間。
this.localNotifications.on('click', (notification) => {
alert(JSON.stringify(notification));
});
//這部分代碼表示在通知欄上點(diǎn)擊該通知時(shí)對(duì)應(yīng)的回調(diào)函數(shù)杀赢,可以此函數(shù)中寫邏輯功能烘跺。
測(cè)試結(jié)果如下圖所示:
點(diǎn)擊消息后的效果