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

转载 2016年06月01日 16:38:00

对于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项目中如何使用这个插件。

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

clipboard

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

创建成功后,会为应用生成一个appkey(后面要用到的) 和 一个API密钥

clipboard[1]

第二步:下载并配置极光推送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文件,找到

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

用刚才在极光推送创建的应用的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(可以省略,ionic项目默认添加了这个插件)

最后在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); 

  }); 

})
复制代码

至此所以配置已经完成我们可以build项目了

ionic build android

将生成的apk文件安装到手机,在极光推送官网的应用控制台发送通知测试,测试效果:

qq图片20150305132435

最后简单的封装了一些极光推送的功能,效果如下:

qq图片20150305132644

2015-03-17

添加了打开推送通知跳转到指定页面功能,源码:GitHub地址

https://github.com/xiaoheshang/jpushionic


长按图片识别图中二维码(或搜索微信公众号FrontEndStory)关注“前端那些事儿”,带你探索前端的奥秘。


Ionic2+Angular2创建项目打包Android及集成极光推送全解析排坑

ionic2项目环境集成创建打包以及极光推送的集成教程
  • a348639336
  • a348639336
  • 2017年04月21日 11:11
  • 5277

ionic3+cordova 极光推送 记录

本人小白  由于公司项目 需要到推送通知   于是决定选择极光推送    以下是  有的代码是截取的别人的 记录如下 : 首先去https://www.jiguang.cn/注册一个账号 ...
  • phpxiaoxu
  • phpxiaoxu
  • 2017年11月16日 17:44
  • 849

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

对于Ionic项目中使用消息推送服务,Ionic官方提供了ngCordova项目,这个里面的提供了用angularjs封装好的消息推送服务(官方文档),使用的是GitHub上的 PushPlugin插...
  • cengjingcanghai123
  • cengjingcanghai123
  • 2016年06月01日 16:38
  • 870

极光推送在ionic项目的应用

在ionic项目中需要用到推送,采用了国内比较好的极光推送,极光推送有对应的android 和ios集成的sdk,但是ionic不能用,需要用相应的插件将推送服务集成到sdk中,jpush官方提供了基...
  • dounainaicsdn
  • dounainaicsdn
  • 2016年02月27日 16:17
  • 2695

ionic集成极光推送之点击推送跳转到指定页面

ionic菜鸟一枚,很多东西都考慢慢摸索,极光推送是国内几家推送平台上集成第三方插件做的不错的。两年之前做Android开发的时候用过百度云推送,推送速度感觉没有现在极光快。官方社区提问基本都有官方技...
  • u011186751
  • u011186751
  • 2016年10月13日 16:43
  • 2426

Ionic项目中使用极光推送

对于Ionic项目中使用消息推送服务,Ionic官方提供了ngCordova项目,这个里面的提供了用angularjs封装好的消息推送服务(官方文档),使用的是GitHub上的 PushPlugin ...
  • luoyang2
  • luoyang2
  • 2016年02月18日 18:15
  • 2767

Ionic集成极光推送

一、  极光推送客户端配置以及注册 (参考网址:https://github.com/DongHongfei/jpush-phonegap-plugin) 1.  cordova create 文...
  • Why_think
  • Why_think
  • 2017年03月10日 10:09
  • 377

使用ionic自带的push notification

两天时间,终于将ionic push试验成功,由于公司业务需要,不能使用极光这类国内推送服务,所以研究一下ionic官方集成的push插件,用的是google的服务。下面介绍一下步骤: 1、在fire...
  • jacoby_fire
  • jacoby_fire
  • 2017年09月08日 15:48
  • 544

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

虽然当前提供推送服务的第三方有很多,例如jpush,友盟,个推,腾讯信鸽等。但是由于大部分第三方只支持原生环境,再加上考虑到ionic平台下网上已经提供了一套jpush的集成方案,所以我只是针对在jp...
  • ada19950118
  • ada19950118
  • 2016年02月04日 15:14
  • 2014

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

ionic平台下的ios极光推送集成文档
  • ada19950118
  • ada19950118
  • 2016年02月04日 15:41
  • 1468
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Ionic项目中使用极光推送-android
举报原因:
原因补充:

(最多只允许输入30个字)