PhoneGap中文网

 找回密码
 立即注册
查看: 34281|回复: 4
打印 上一主题 下一主题

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

[复制链接]

52

主题

528

帖子

1652

积分

金牌会员

Rank: 6Rank: 6

积分
1652
跳转到指定楼层
楼主
发表于 2015-8-6 20:22:40 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式
本帖最后由 测试一把 于 2015-8-6 20:23 编辑

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


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











第二步:下载并配置极光推送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"。  这里的这个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文件中添加启动推送服务代码


  1. angular.module('starter’, [‘ionic’])
  2. .run(function($ionicPlatform) {
  3. $ionicPlatform.ready(function() {
  4. // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
  5. // for form inputs)
  6. if(window.cordova && window.cordova.plugins.Keyboard) {
  7. cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
  8. }
  9. if(window.StatusBar) {
  10. StatusBar.styleDefault();
  11. }
  12. //启动极光推送服务
  13. window.plugins.jPushPlugin.init();
  14. //调试模式
  15. window.plugins.jPushPlugin.setDebugMode(true);
  16. });
  17. })
复制代码



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

ionic build android  

或者执行 ionic run android进行手机调试




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







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


源码:


jpushionic-master.zip (1.5 MB, 下载次数: 346)

github地址:

https://github.com/xiaoheshang/jpushionic





来源:http://ionichina.com/topic/54f96e7b59a9bdef119234a1






      

回复

使用道具 举报

55

主题

127

帖子

584

积分

高级会员

Rank: 4

积分
584
沙发
发表于 2016-2-17 15:03:27 | 只看该作者
你好,根据你的教程实现了数据推送。可是怎么实现把程序退出后也能接收推送信息呢?
回复 支持 反对

使用道具 举报

0

主题

20

帖子

91

积分

注册会员

Rank: 2

积分
91
板凳
发表于 2016-6-20 13:21:56 | 只看该作者
[img]file:///C:\Users\Administrator.WIN-3UOEFDM2N95\Documents\Tencent Files\379750868\Image\C2C\AC]RP~V%JN{S)%]~5G@PANL.jpg[/img]   一直出现这个提示是什么原因呀。。

回复 支持 反对

使用道具 举报

1

主题

4

帖子

25

积分

新手上路

Rank: 1

积分
25
5#
发表于 2016-9-6 10:22:45 | 只看该作者
import your.package.name.R 没找到啊  ....
回复 支持 反对

使用道具 举报

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

本版积分规则

关闭

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

ionic4视频教程

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

GMT+8, 2024-11-5 12:20 , Processed in 0.065731 second(s), 35 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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