前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Ionic3 本地消息推送

Ionic3 本地消息推送

作者头像
spilledyear
发布2018-08-21 14:43:36
9820
发布2018-08-21 14:43:36
举报
文章被收录于专栏:小白鼠

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

image.png

安装插件

代码语言:javascript
复制
ionic cordova plugin add de.appplant.cordova.plugin.local-notification
npm install --save @ionic-native/local-notifications

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

代码语言:javascript
复制
import { LocalNotifications } from '@ionic-native/local-notifications';

image.png

使用说明

image.png

代码语言:javascript
复制
  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表示在通知栏上显示的时间。
代码语言:javascript
复制
this.localNotifications.on('click', (notification) => {
  alert(JSON.stringify(notification));
});
//这部分代码表示在通知栏上点击该通知时对应的回调函数,可以此函数中写逻辑功能。

测试结果如下图所示:

点击消息后的效果

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017.11.06 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 安装插件
  • 使用说明
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档