力软移动框架 ionic cordova插件jpush-phonegap-plugin 极光推送配置方法 vs2017

极光推送是现在流行的推送方式,因为官网的范例藏得比较隐蔽,自己摸索了半天,下面介绍下cordova极光推送插件的安装和代码应用.
以下是cordova安卓安装配置,ios的后面项目完成了再补充

一.获取极光推送key
上极光开发者服务官网https://www.jiguang.cn/注册账...
力软移动框架 ionic cordova插件jpush-phonegap-plugin 极光推送配置方法 vs2017
注意应用名称要和cordova配置文件中config.xml的文件的程序名称一致,生成AppKey,记录好
力软移动框架 ionic cordova插件jpush-phonegap-plugin 极光推送配置方法 vs2017
二.安装jpush-phonegap-plugin极光推送插件
打开命令提示器,建议用右键以管理员身份运行,可以省掉一些权限的麻烦问题,进入项目所在目录,命令行下安装插件
力软移动框架 ionic cordova插件jpush-phonegap-plugin 极光推送配置方法 vs2017
先查询下你的cordova版本cordova-v,7.0.0以上和以内的版本安装的方式不一样,我的cordova是5.2.0的,安装步骤如下
cordova plugin add [email protected]
cordova plugin add [email protected] --variable APP_KEY=第一步注册获得的key
如果是7.0.0以上的直接运行
cordova plugin add jpush-phonegap-plugin
安装默认的最新版本即可

三.主页代码中加入以下代码

//极光推送代码
var getRegistrationID = function () {
    window.JPush.getRegistrationID(function (data) {
        try {
            console.log("JPushPlugin:" + data);

            if (data.length == 0) {
                var t1 = window.setTimeout(getRegistrationID, 1000);
            }

        } catch (exception) {
            console.log(exception);
        }
    });
};

window.JPush.init();//初始化
window.JPush.setDebugMode(true);
window.setTimeout(getRegistrationID, 1000);

上面是精简后的初始化代码,想要更多功能,比如推送用户名,关闭打开推送等功能,参考下面详细文档
https://github.com/jpush/jpus...

四.功能测试
在真机或者模拟器上运行程序后,登陆https://www.jiguang.cn/,极光...
力软移动框架 ionic cordova插件jpush-phonegap-plugin 极光推送配置方法 vs2017
点击推送-发送通知,随便填写内容,目标平台选android,立即发送
力软移动框架 ionic cordova插件jpush-phonegap-plugin 极光推送配置方法 vs2017
力软移动框架 ionic cordova插件jpush-phonegap-plugin 极光推送配置方法 vs2017
正常的话,你的手机or模拟器就会有推送提示了.
力软移动框架 ionic cordova插件jpush-phonegap-plugin 极光推送配置方法 vs2017
安卓的推送就写到这里,IOS的等项目完成后再补充.

相关推荐