ionic平台下的ios极光推送集成文档
2016-02-04 15:41
561 查看
1.新建一个ionic项目
2.添加iOS平台
cdionicjpush ionic platform add ios
3.安装插件
$ ionic plugin add https://github.com/DongHongfei/jpush-phonegap-plugin.git
4.修改配置
修改ionic_jpush\plugins\cn.jpush.phonegap.JPushPlugin\src\ios\PushConfig.plist 修改对应的APP_KEY和CHANNEL(渠道)
注:APP_KEY 为极光中注册的,CHANNEL 获取APP的渠道,它的值可以填 App Store。
5.在app.js添加实现通知
记得在run函数中引用下面一段代码
最后在 $ionicPlatform.ready 里进行初始化
6.编译ios项目
$ionic build ios
下面是进行配置ios项目(参考jpush最新的ios集成sdk)
下载地址http://docs.jpush.io/resources/
文档里面有详细的说明,这里就不废话了。
其中对于没做过ios开发比较难的部分,可能就是推送证书的申请了。
这个网上教程一大堆。可以参考
http://jingyan.baidu.com/article/7082dc1c6bb86de40a89bd1a.html
最后还要修改项目 Capabilities,打开 Background Modes,勾选最后一项Remote notications。
完成以前的操作,基本就可以实现ios手机端的推送了。
$ ionic start --id com.ionichina.ionicjpush ionic_jpush tabs 注:修改id为自己应用的Bundle identifier(Bundle identifier为iOS app的唯一标识)
2.添加iOS平台
cdionicjpush ionic platform add ios
3.安装插件
$ ionic plugin add https://github.com/DongHongfei/jpush-phonegap-plugin.git
4.修改配置
修改ionic_jpush\plugins\cn.jpush.phonegap.JPushPlugin\src\ios\PushConfig.plist 修改对应的APP_KEY和CHANNEL(渠道)
注:APP_KEY 为极光中注册的,CHANNEL 获取APP的渠道,它的值可以填 App Store。
<key>APS_FOR_PRODUCTION</key> <string>0</string>
5.在app.js添加实现通知
.factory('Push', function() { var push; return { setBadge: function(badge) { if (push) { console.log('jpush: set badge', badge); plugins.jPushPlugin.setBadge(badge); } }, setAlias: function(alias) { if (push) { console.log('jpush: set alias', alias); plugins.jPushPlugin.setAlias(alias); } }, check: function() { if (window.jpush && push) { plugins.jPushPlugin.receiveNotificationIniOSCallback(window.jpush); window.jpush = null; } }, init: function(notificationCallback) { console.log('jpush: start init-----------------------'); push = window.plugins && window.plugins.jPushPlugin; if (push) { console.log('jpush: init'); plugins.jPushPlugin.init(); plugins.jPushPlugin.setDebugMode(true); plugins.jPushPlugin.openNotificationInAndroidCallback = notificationCallback; plugins.jPushPlugin.receiveNotificationIniOSCallback = notificationCallback; } } }; });
记得在run函数中引用下面一段代码
// push notification callback var notificationCallback = function(data) { console.log('received data :' + data); var notification = angular.fromJson(data); //app 是否处于正在运行状态 var isActive = notification.notification; // here add your code //ios if (ionic.Platform.isIOS()) { window.alert(notification); } else { //非 ios(android) } };
最后在 $ionicPlatform.ready 里进行初始化
//初始化 Push.init(notificationCallback); //设置别名 Push.setAlias("12345678");
6.编译ios项目
$ionic build ios
下面是进行配置ios项目(参考jpush最新的ios集成sdk)
下载地址http://docs.jpush.io/resources/
文档里面有详细的说明,这里就不废话了。
其中对于没做过ios开发比较难的部分,可能就是推送证书的申请了。
这个网上教程一大堆。可以参考
http://jingyan.baidu.com/article/7082dc1c6bb86de40a89bd1a.html
最后还要修改项目 Capabilities,打开 Background Modes,勾选最后一项Remote notications。
完成以前的操作,基本就可以实现ios手机端的推送了。
相关文章推荐
- 跨平台移动WEB应用开发框架iMAG入门教程
- PHP跨平台获取服务器IP地址自定义函数分享
- Ionic实现仿通讯录点击滑动及$ionicscrolldelegate使用分析
- 跨平台python异步回调机制实现和使用方法
- [图]Firefox OS 2.5发布:可安装至Android手机上
- 跨平台音频项目
- Ionic框架入门(原文翻译)
- HTML5简介
- 基于Android移动平台僵尸网络模拟工具设计与实现
- Ionic学习笔记
- [转]C++强大背后
- [游戏资讯][转]《反恐精英:全球攻势》要实现跨平台对战
- 寻找中国音视频开发行业的翘楚
- 史上最简单的个人移动APP开发入门--jQuery Mobile版跨平台APP开发
- jqueryMobile应用第一课《构建跨平台APP:jQuery Mobile移动应用实战》连载一(Hello World)
- jquery Mobile应用第2课《构建跨平台APP:jQuery Mobile移动应用实战》连载二(简单的QWER键盘)
- 小白学phoneGap《构建跨平台APP:phoneGap移动应用实战》连载三(通过实例来体验生命周期)
- Ionic常用命令行解释
- 浅略探讨当今视频文件格式