极光推送在ionic项目的应用

在ionic项目中需要用到推送，采用了国内比较好的极光推送，极光推送有对应的android 和ios集成的sdk，但是ionic不能用，需要用相应的插件将推送服务集成到sdk中，jpush官方提供了基于Phong-gap的集成插件，[Jpush PhoneGap Plugin](https://github.com/jpush/jpush-phonegap-plugin)，步骤可以参考官网的操作，官网用cordova,换成ionic。

注意：目前官网上已经添加了自动化修改API_KEY的配置和Package_name的修改，故不用像以前有的教程那样手动修改了。

1. 在极光推送的官网注册账号同时创建一个应用。

应用需要设定应用名字和应用包名，同时自动生成对应的APP KEY 和密码，如图所示：

2. 创建一个新的ionic项目：

<pre name="code" class="html"><pre name="code" class="html" style="font-size: 14px;">ionic start 文件夹名 blank -a 应用名 -i 包名(com.jpush.app)

注意项目的包名必须和jpush上应用的包名一致，但应用名不一定。

<span style="font-family: Arial, Helvetica, sans-serif;">安装安卓或ios平台</span>

<pre name="code" class="html">ionic platform add android

<pre name="code" class="html">ionic platform add ios

3.安装JPush PhoneGap Plugin ：

使用git命令将jpush phonegap插件下载的本地,将这个目录标记为$JPUSH_PLUGIN_DIR

git clone https://github.com/jpush/jpush-phonegap-plugin.git
ionic plugin add $JPUSH_PLUGIN_DIR  --variable API_KEY=your_jpush_appkey

注意在安装该plugin之后，在plugins/android.json文件中会保存cn.jpush.phonegap.JPushPlugin插件的信息，包括API_KEY和
PACKAGE_NAME

4. 在app.js中初始化jpush sdk

<pre name="code" class="html"><pre name="code" class="html">//启动极光推送服务

window.plugins.jPushPlugin.init();

<pre name="code" class="html">//调试模式，这样报错会在应用中弹出一个遮罩层显示错误信息

window.plugins.jPushPlugin.setDebugMode(true);

5. 编译运行

ionic run android 

下载到手机即可。

在jpush官网控制台中向该应用发送通知消息，测试通过。