Ionic项目中使用极光推送-android

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

小不点雨

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

阅读量467

点赞数

Ionic项目中使用极光推送-android

时间 2015-03-05 13:35:00 博客园精华区

原文 http://www.cnblogs.com/zkun/p/4315593.html

主题极光推送 GitHub PhoneGap

对于Ionic项目中使用消息推送服务，Ionic官方提供了ngCordova项目，这个里面的提供了用angularjs封装好的消息推送服务（官方文档），使用的是GitHub上的 PushPlugin 插件，也有相关的实现实例： GitHub地址，但是使用的是Google的GCM消息推送服务，一些网络原因，国内GCM可能不怎么好用（自己也没有试可不可以）。

于是选择国内的消息推送服务，主要有：百度云推送，腾讯信鸽，极光推送，yunba 等等,其中只有极光推送官方提供了phonegap/cordova 插件，其他的几个GitHub上也有个人开发了相应的插件（可以GitHub上搜：baidupush,xgpush可以找到），鉴于是官方提供，所以选择了极光推送。

Github地址： https://github.com/jpush/jpush-phonegap-plugin

下面说下在Ionic项目中如何使用这个插件。

第一步：注册极光推送账户，并创建应用

测试例子，应用名称为jPushDemo，应用包名：cn.kigsir.jpushdemo

创建成功后，会为应用生成一个appkey（后面要用到的）和一个API密钥

第二步：下载并配置极光推送phonegap插件（这一步Github上有详细文档）

1.运行命令行，切换到你想保存插件的目录，这里我们保存到H:\webapp\push\JPush\plugins\目录下，执行：

cd H:\webapp\push\JPush\plugins\

git clone https://github.com/jpush/jpush-phonegap-plugin.git

等待完成。

2.打开插件目录下的plugin.xml文件，找到

用刚才在极光推送创建的应用的appkey 替换 “your appkey"。

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

第三步：创建ionic项目并添加上面的插件

运行命令行，切换到你想创建ionic项目的目录

cd H:\webapp\projects\cordovastudy\

创建项目（这里的包名要和添加应用时设置的包名一致）:

ionic start -a jPushDemo -i cn.kigsir.jpushdemo jpushdemo blank

进入项目目录：

cd jpushdemo

添加android平台：

ionic platform add android

添加极光推送插件：

ionic plugin add H:\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); 
  }); 
})