ionic平台下的Android极光推送集成文档

虽然当前提供推送服务的第三方有很多,例如jpush,友盟,个推,腾讯信鸽等。但是由于大部分第三方只支持原生环境,再加上考虑到ionic平台下网上已经提供了一套jpush的集成方案,所以我只是针对在jpush下ionic app推送做一些简要的整理。 废话不多说,直入主题。  

1.注册jpush的推送账户,并创建应用。(声明,jpush有免费和vip版之分,其中道理,我想大家也懂,付钱的总比不付钱的强,这里采用的是免费的。)  

创建应用界面截图如下:  

测试例子,应用名称为jPushDemo,应用包名:cn.kigsir.jpushdemo  

ionic平台下的Android极光推送集成文档_第1张图片

需要说明的是,一般真正做app开发,推送服务都是先考虑在内的,这里的包名再创建ionic项目的时候需要用到。所以,有些已经项目创好了再如何添加包名,笔者没有调研。  

ionic平台下的Android极光推送集成文档_第2张图片

创建成功后,会为应用生成一个AppKey(后面会经常用到)  

2.下载并配置极光推送phonegap插件

2.1运行命令行,切换到你想保存插件的目录,这里我们保存到\user\webapp\push\JPush\plugins下,执行cd \user\webapp\push\JPush\plugins然后再执行git clone https://github.com/jpush/jpush-phonegap-plugin.git

2.2打开刚才安装插件目录下的plugin.xml文件,找到将刚才申请到的APPKey填到value中

2.3打开插件目录下的3.打开插件目录\src\android\JPushPlugin.java 文件,找到import your.package.name.R,将其替换为:cn.kigsir.jpushdemo.R。

3.创建ionic项目并添加上面的插件

运行命令行,在你想要创建ionic项目的地方输入ionic start -a jPushDemo -i cn.kigsir.jpushdemo jpushdemo blank

表明创建一个包名为cn.kigsir.jpushdemo(与极光中注册用户的地方相呼应)的jpushdemo

然后进入项目目录:

cd jpushdemo

添加android平台:

ionic platform add android

添加极光推送插件:

ionic plugin add \user\webapp\push\JPush\plugins\jpush-phonegap-plugin

添加device插件

ionic plugin add org.apache.cordova.device

最后在app.js文件中添加启动推送服务代码

angular.module('starter', ['ionic']) 

.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); 

  }); 

})
4.找到ionic项目中的congig.xml将第二行的id换成你极光中的包名
完成以上修改配置基本可以运行程序了。
ionic平台下的Android极光推送集成文档_第3张图片
ionic平台下的Android极光推送集成文档_第4张图片
一共发了两条,都成功收到。你也可以在jpush的控制台中查看是否发送成功。

参考链接:
1. http://www.cnblogs.com/Leo_wl/p/4319445.html

2.http://my.oschina.net/u/1416844/blog/514952


你可能感兴趣的:(跨平台APP开发,ionic-app)