ionic3中使用极光推送

最新推荐文章于 2025-06-06 13:57:40 发布

置顶 ngsave

最新推荐文章于 2025-06-06 13:57:40 发布

阅读量5.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： ionic3 文章标签： ionic3极光推送

本文链接：https://blog.youkuaiyun.com/qq_36635153/article/details/80305799

1 篇文章

订阅专栏

本文详细介绍了如何在Ionic3项目中集成极光推送服务，包括安装cordova、添加极光推送插件、配置appkey、安装@jiguang-ionic/jpush包以及如何监听和处理推送事件。确保在config.xml中配置正确的包名，并通过event.extras获取附加值信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

极光推送使用方法：

一、因为极光推送使用的是cordova插件，所以我们要先安装cordova：

npm install -g cordova

通过npm包管理器安装。

检测cordova是否安装成功也很简单，在命令行输出 cordova -v （-v是 --version 的缩写，代表检测版本）

二、按照极光官网提供安装，有三种方式

通过 Cordova Plugins 安装，要求 Cordova CLI 5.0+：

cordova plugin add jpush-phonegap-plugin --variable APP_KEY=your_jpush_appkey

或直接通过 url 安装：

cordova plugin add https://github.com/jpush/jpush-phonegap-plugin.git --variable APP_KEY=your_jpush_appkey

或下载到本地安装：

cordova plugin add Your_Plugin_Path --variable APP_KEY=your_jpush_appkey

安装的时候 APP_KEY = your_jpush_appkey (your_jpush_appkey一定要替换成你自己在极光官网创建应用app的AppKey)

在和src目录同级的目录下有个config.xml文件，里面就是配置信息文件，打开，看到如下图所示：

其中红色框选中的部分中的id的值就是你要打包的这个包名，创建应用的时候需要跟这里对应。

三、安装 @jiguang-ionic/jpush 包

npm install --save @jiguang-ionic/jpush

安装 @jiguang-ionic/jpush 以后，在 app.module.ts 文件中，导入，然后添加到服务（providers）中。

import { JPush } from '@jiguang-ionic/jpush';
...
  providers: [
    ...
    JPush,
    ...
  ]

四、使用极光推送

极光推送事件：

接收消息触发 jpush.receiveNotification

打开消息触发 jpush.openNotification

接收本地消息 jpush.receiveLocalNotification

如果需要接收附加值信息，比如我在极光推送官网上设置的附加值字段名为ID，

可以通过事件参数 even.extras["cn.jpush.android.EXTRA"].ID 获得，ID可以为任意字段名称。

event.extras是个对象，里面有一系列的信息。