Ionic系列——極光推送

時間 2019-11-07

標籤 ionic 系列極光推送简体版

原文原文鏈接

1、準備工做

一、首先你要建立好一個Ionic的項目。html

二、你要去JPush官網註冊一個帳號，並新建一個應用，這個管理平臺是能夠手動發送消息，並統計分析的。
java

三、在上圖中的應用包名要注意，這個得去項目中去找，要和項目中的一致。
node

2、jpush插件的安裝和配置

這一部分其實就是按着github上的步驟來的，可是github上的不夠詳細有不少細節若是是第一次搞很容易弄錯，因此我統一總結爲如下的步驟。
android

一、從github上下載jpush-phonegap-plugin 壓縮包並解壓，將文件夾命名爲$JPUSH_PLUGIN_DIR
ios

二、將$JPUSH_PLUGIN_DIR/plugin.xml文件中的AppKey（下邊的your appkey的位置）替換爲在Portal（上面註冊的那個管理平臺）上註冊該應用的的Key,例如（9fed5bcb7b9b87413678c407）git

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

三、打開$JPUSH_PLUGIN_DIR/src/ios/PushConfig.plist文件將文件中的7d431e42dfa6a6d693ac2d04替換爲在Portal上註冊該應用的的Key,例如（9fed5bcb7b9b87413678c407）github

四、在$JPUSH_PLUGIN_DIR/src/android/JPushPlugin.java 文件import your.package.name.R替換爲在Portal上註冊該應用的包名，例如(com.thi.pushtest)apache

五、cordova cli 添加jpush phonegap插件和依賴的device插件:api

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

六、在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文件能執行的最開始就加

七、在運行中會一直顯示缺乏統計代碼，對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);
}

在MainActivity類中增長這兩個方法就能夠了不增長的話會在手機提示沒有安裝統計方法

可是我加上以後打包的時候報錯了

因此我就查了其餘文件引入了一個接口就能夠了

八、效果

這幾種類型還不知道怎麼個用法，稍後完善

還能夠推送富媒體的東西，在手機中的效果就像打開一個瀏覽器

手機中效果，上邊有一個叉，關閉就回到應用了

推送結果界面