ionic 服务器消息推送,Ionic3 本地消息推送

2023-05-16

项目上有一个消息推送的功能,一开始想使用极光推送,在安卓上测试比较顺利,但是IOS上需要什么证书,没有开发者账号,感觉好麻烦。后面就想在每次启动app的时候,本地推送一次消息,碰巧官网上发现了这个插件,de.appplant.cordova.plugin.local-notification。

AAffA0nNPuCLAAAAAElFTkSuQmCC

image.png

安装插件ionic cordova plugin add de.appplant.cordova.plugin.local-notificationnpm install --save @ionic-native/local-notifications

安装之后,在app.module.ts中引入providerimport { LocalNotifications } from '@ionic-native/local-notifications';AAffA0nNPuCLAAAAAElFTkSuQmCC

image.png

使用说明AAffA0nNPuCLAAAAAElFTkSuQmCC

image.pngtestStatus() {    this.localNotifications.schedule({      id: 1,      title: '筑美通知',      text: '这是显示通知栏的内容',      icon: 'http://example.com/icon.png',      at: new Date(new Date().getTime() + 3000),

});    this.localNotifications.on('click', (notification) => {

alert(JSON.stringify(notification));

});

}//这里选择在应用启动的时候调用发送一条消息,也就是 调用 this.testStatus()方法。 //如上所示,每条消息可以看成是一个对象,text是内容,title是标题,at表示在通知栏上显示的时间。this.localNotifications.on('click', (notification) => {

alert(JSON.stringify(notification));

});//这部分代码表示在通知栏上点击该通知时对应的回调函数,可以此函数中写逻辑功能。

测试结果如下图所示:AAffA0nNPuCLAAAAAElFTkSuQmCC

点击消息后的效果

AAffA0nNPuCLAAAAAElFTkSuQmCC

作者:spilledyear

链接:https://www.jianshu.com/p/65d71ad1a8bc

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

ionic 服务器消息推送,Ionic3 本地消息推送 的相关文章

随机推荐