手记

Ionic3 本地消息推送

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


image.png

安装插件

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

安装之后,在app.module.ts中引入provider

import { LocalNotifications } from '@ionic-native/local-notifications';

image.png

使用说明

image.png

  testStatus() {    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));
});//这部分代码表示在通知栏上点击该通知时对应的回调函数,可以此函数中写逻辑功能。

测试结果如下图所示:


点击消息后的效果




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


0人推荐
随时随地看视频
慕课网APP

热门评论

如果我推送后,我关闭app,再点通知栏的信息,那app自动启动后如何读取通知的数据

查看全部评论