Ionic系列——极光推送

最新推荐文章于 2024-06-06 09:32:30 发布

weixin_34342207

最新推荐文章于 2024-06-06 09:32:30 发布

阅读量136

点赞数

CC 4.0 BY-SA版权

文章标签：移动开发 java python

原文链接：https://my.oschina.net/u/1416844/blog/514952

本文提供了一步一步的指南，教你如何在Ionic项目中集成极光推送(JPush)。包括创建项目、注册账号、安装插件、配置参数等关键步骤。同时，介绍了如何在iOS和Android平台上实现推送消息功能，并提供了测试和调试的方法。

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

2019独角兽企业重金招聘Python工程师标准>>>

一、准备工作

1、首先你要创建好一个Ionic的项目。

2、你要去JPush官网注册一个账号，并新建一个应用，这个管理平台是可以手动发送消息，并统计分析的。

3、在上图中的应用包名要注意，这个得去项目中去找，要和项目中的一致。

二、jpush插件的安装和配置

这一部分其实就是按着github上的步骤来的，但是github上的不够详细有很多细节如果是第一次搞很容易弄错，所以我统一总结为以下的步骤。

1、从github上下载jpush-phonegap-plugin 压缩包并解压，将文件夹命名为$JPUSH_PLUGIN_DIR

2、将$JPUSH_PLUGIN_DIR/plugin.xml文件中的AppKey（下边的your appkey的位置）替换为在Portal（上面注册的那个管理平台）上注册该应用的的Key,例如（9fed5bcb7b9b87413678c407）

<meta-data android:name="JPUSH_APPKEY" android:value="your appkey"/>

3、打开$JPUSH_PLUGIN_DIR/src/ios/PushConfig.plist文件将文件中的7d431e42dfa6a6d693ac2d04替换为在Portal上注册该应用的的Key,例如（9fed5bcb7b9b87413678c407）

4、在$JPUSH_PLUGIN_DIR/src/android/JPushPlugin.java 文件import your.package.name.R替换为在Portal上注册该应用的包名，例如(com.thi.pushtest)

5、cordova cli 添加jpush phonegap插件和依赖的device插件:

cordova plugin add $JPUSH_PLUGIN_DIR的物理路径 
#例如C:\PROJECT\pingpp\myproject>cordova plugin add C:\Users\shiguoqing\Desktop\$JPUSH_PLUGIN_DIR

cordova plugin add cordova-plugin-device  
#注意这里的plugin不是 org.apache.cordova.device

6、在js中调用函数,初始化jpush sdk。打包之后就可以在jpush管理平台进行测试消息发送，或者用后台服务推送。

.run(function ($ionicPlatform) {
        $ionicPlatform.ready(function () {// Hide the accessory bar by default (remove this to show the accessory bar above the keyboard// for form inputs)
            if (window.cordova && window.cordova.plugins.Keyboard) {
                cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
            }            if (window.StatusBar) {
                StatusBar.styleDefault();
            }
            
            
            
            //启动极光推送服务
            window.plugins.jPushPlugin.init();
            //调试模式，这样报错会在应用中弹出一个遮罩层显示错误信息
            window.plugins.jPushPlugin.setDebugMode(true); 
            var onGetRegistradionID = function(data) {                
                try{
                    alert("JPushPlugin:registrationID is"+data);
                    model.console.push("JPushPlugin:registrationID is " + data);
                }catch(exception){
                    model.console.push(exception);
                }
            };
            window.plugins.jPushPlugin.getRegistrationID(onGetRegistradionID);
            
            
            
            
            
        });
    })
 
 
 //由于phonegap插件采用了Lazy load的特性，   所以这里建议在js文件能执行的最开始就加

7、在运行中会一直显示缺少统计代码，对java文件，文件位置在platforms/android/src/com/ionichina/ioniclub/MainActiovity.java文件作如下修改

@Override
protected void onResume() {    
    super.onResume();
    JPushInterface.onResume(this);
}
@Override
protected void onPause() {    
    super.onPause();
    JPushInterface.onPause(this);
}