PhoneGap中文网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2896|回复: 2

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

[复制链接]

485

主题

2012

帖子

6534

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6534
发表于 2015-5-20 22:26:45 | 显示全部楼层 |阅读模式
对于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项目中如何使用这个插件。
第一步:注册极光推送账户,并创建应用


1.png


测试例子,应用名称为jPushDemo,应用包名:cn.kigsir.jpushdemo
创建成功后,会为应用生成一个appkey(后面要用到的) 和 一个API密钥


2.png



第二步:下载并配置极光推送phonegap插件(这一步Github上有详细文档)
1.运行命令行,切换到你想保存插件的目录,这里我们保存到H:\webapp\push\JPush\plugins\目录下,执行:
  1. cd H:\webapp\push\JPush\plugins

  2. git clone https://github.com/jpush/jpush-phonegap-plugin.git
复制代码


等待完成。

2.打开插件目录下的plugin.xml文件,找到
  1. <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项目并添加上面的插件
  1. 运行命令行,切换到你想创建ionic项目的目录
  2. cd H:\webapp\projects\cordovastudy

  3. 创建项目(这里的包名要和添加应用时设置的包名一致):
  4. ionic start -a jPushDemo -i cn.kigsir.jpushdemo jpushdemo blank
  5. 进入项目目录:
  6. cd jpushdemo
  7. 添加android平台:
  8. ionic platform add android
  9. 添加极光推送插件:
  10. ionic plugin add H:\webapp\push\JPush\plugins\jpush-phonegap-plugin
  11. 添加device插件(因为极光推送插件依赖这个):
  12. ionic plugin add org.apache.cordova.device(可以省略,ionic项目默认添加了这个插件)

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

  14. angular.module('starter’, [‘ionic’])
  15. .run(function($ionicPlatform) {
  16. $ionicPlatform.ready(function() {
  17. // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
  18. // for form inputs)
  19. if(window.cordova && window.cordova.plugins.Keyboard) {
  20. cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
  21. }
  22. if(window.StatusBar) {
  23. StatusBar.styleDefault();
  24. }
  25. //启动极光推送服务
  26. window.plugins.jPushPlugin.init();
  27. //调试模式
  28. window.plugins.jPushPlugin.setDebugMode(true);
  29. });
  30. })
复制代码
至此所以配置已经完成我们可以build项目了
ionic build android
将生成的apk文件安装到手机,在极光推送官网的应用控制台发送通知测试,测试效果:


3.jpg

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

4.jpg

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






回复

使用道具 举报

5

主题

38

帖子

177

积分

注册会员

Rank: 2

积分
177
发表于 2016-10-19 13:02:32 | 显示全部楼层
老师,你好,3.打开插件目录\src\android\JPushPlugin.java 文件,找到import your.package.name.R,将其替换为:cn.kigsir.jpushdemo.R。这一步中没有找到3.打开插件目录\src\android\JPushPlugin.java 文件,找到import your.package.name.R,将其替换为:cn.kigsir.jpushdemo.R。是为什么啊
回复 支持 反对

使用道具 举报

5

主题

38

帖子

177

积分

注册会员

Rank: 2

积分
177
发表于 2016-10-19 13:02:50 | 显示全部楼层
老师,你好,3.打开插件目录\src\android\JPushPlugin.java 文件,找到import your.package.name.R,将其替换为:cn.kigsir.jpushdemo.R。这一步中没有找到3.打开插件目录\src\android\JPushPlugin.java 文件,找到import your.package.name.R,将其替换为:cn.kigsir.jpushdemo.R。是为什么啊
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /1 下一条

Archiver|手机版|小黑屋|PhoneGap中文网 ( 京ICP备13027796号-1

GMT+8, 2018-1-20 22:46 , Processed in 0.266625 second(s), 34 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表