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 本地消息推送 的相关文章

  • Ionic 3 中的 CORS 地狱

    我有一个后端服务器 Spring Boot 由 nginx 代理 我的 Ionic 应用程序与之通信 对于每个请求 它都会发送以下标头 access control request headers access control allow
  • Promise 重试,直到使用 Typescript 成功/失败

    我的移动应用程序会连续将多个文件上传到服务器 这些文件通常来自连接强度有问题的偏远地区 为此 我想尝试几次发送文件 我还想在失败时继续尝试下一个 导出结束时显示所有错误消息 即 已上传 10 个文件 3 个失败 但是 我无法弄清楚带有承诺的
  • 使用 Ionic 3 将文件保存到下载目录

    我知道这个链接 https cordova apache org docs en latest reference cordova plugin file where to store files https cordova apache
  • 运行时错误无法解析 GoogleMap 的所有参数:(?, ?)

    我正在尝试将基本地图加载到我的模板上 我只是按照这个说明操作https ionicframework com docs native google maps https ionicframework com docs native goog
  • 如何使用 Ionic 3 将 Node JS 升级到 v14.x?

    根据我在这个 TS Node 项目中遇到的错误 对于简单的 TypeScript 仅 REST API 建议的修复 此处提到 https github com heineiuo rippledb issues 148 https githu
  • Ionic3 构建错误:找不到 play-services-auth-base.aar (15.0.1)

    我有一个更大的 Ionic3 项目正在运行 自从我上次成功构建以来没有做任何更改 今天再次尝试构建 出现错误 Could not find play services auth base aar com google android gms
  • 无法读取未定义的“xxx”属性

    我使用的是 Ionic 2 其中一个组件有两个组件 并且使用发射器共享数据 但是当我执行程序时 却出现了这个错误 未捕获的运行时错误 承诺中 TypeError 无法读取属性 未定义类型错误的 BillNo 无法读取属性 BillNo 在
  • 如何在ionic 3中进行水平滚动

    look at my 我在离子卷轴中有 10 个名字 但它像段落一样进入下一行 这是我的 html 代码
  • Ionic App Availability 插件获取错误对象 (...) 不是函数

    我正在尝试在 ionic 中实现应用程序可用性功能 我的设备中安装了一个应用程序 并尝试检查另一个应用程序中是否存在该应用程序 但面临同样的问题 出现以下错误 您可能面临应用程序的离子版本与应用程序中安装的插件版本不匹配的问题 在 Ioni
  • 在 .ts 文件中使用 ngx-translate

    我想在侧菜单标题中使用翻译 我读过本教程 https ionicthemes com tutorials about internationalize and localize your ionic2 app with ngtranslat
  • 使用带有几个字符串的 Ionic Storage 的 QuotaExceededError

    我在离子存储方面遇到了这个问题 这是完整的堆栈跟踪 core es5 js 1084 ERROR Error Uncaught in promise QuotaExceededError at c polyfills js 3 at c p
  • 如何在 ionic 2(搜索栏)中进行自动完成

    我正在尝试在我的搜索栏中自动完成我到目前为止所做的事情 我有一个包含一些字符串的数组 然后我尝试在我的项目中列出我能够搜索的特定项目 但我的要求不是在列表中显示项目 我必须在单击搜索栏时 数组中的所有字符串都应该出现 并且我必须进行搜索
  • Ionic2/Cordova typescript 项目中的 Moment.js 插件

    在我用 Typescript 编写的 Ionic 2 项目中 我使用 moment js 库 我使用代码片段导入它 import as moment from moment 这样做之后 在我的组件中我可以正常使用 moment 即 let
  • 如何在 Ionic 3 中高效存储和使用身份验证

    我目前正在开发一个离子 3 4 适用于 iOS Android 的应用程序 我不熟悉身份验证过程或应用程序 在提供程序中使用 HTTP 请求后 我得到了我的对象 用户 但我完全不知道如何存储或处理它 有哪些好的做法 我是否应该将对象存储在提
  • 深层链接不起作用 - 离子

    我正在使用 Deeplinks 和 ionic 3 但我创建的 url 不起作用 这是网址 https lucky com prd rm74fEgBB2frzhagYcov https lucky com prd rm74fEgBB2frz
  • 在 ionic 3 应用程序中找不到命名空间“google”

    在我尝试在项目中使用 google 变量后 任何人都可以帮我解决这个错误 我进入了 ionic 3 应用程序 npm install save types google maps 将以下内容添加到我的 package json 中 type
  • 如何在 Ionic 3 中调整图像大小而不降低质量和目标宽度和高度?

    我想减小相机 API 拍摄的图像的大小 但质量降低不好 最好的办法是降低分辨率 但我不想对所有图像使用目标宽度和高度 例如 我希望图像宽度为 1280 图像高度按其比例自动变化 但在 API 中我应该使用精确的宽度和高度 如何通过图像比例更
  • 在 ionic cordova 构建 android 时出现错误

    刚开始学习 ionic 3 出现以下错误ionic cordova build android node 6364 UnhandledPromiseRejectionWarning Unhandled promise rejection r
  • Firebase 数据库规则时间戳问题

    自 2017 年 10 月 29 日时间转移以来 我在使用 Firebase 产品进行开发时遇到了一些非常奇怪的行为 我正在使用 Ionic 3 开发一个混合应用程序 当我在浏览器 移动模拟设备 中进行开发和测试时 一切正常 一旦我切换到我
  • ionic2 对菜单项应用 ngx-translate

    我正在使用 ngx translate 来支持多语言 并且运行良好 但我也想申请菜单项 我该如何实现这一目标 我有 3 个菜单项 我想更改每个标题的语言 ts file appPages PageObj title Profile comp

随机推荐