phonegap Ionic 集成 jpush(极光)推送之 IOS 篇

你懂的

极光推送官方版的 phonegap 插件在这里。由于官方版插件 ios 版暂时没有打开通知的方法，所以在官方基础上修改了下，修改后的插件放在了这里，下面说明以修改后的插件为准。（感谢极光官方大神viper耐心帮助，同时也参考了下@lanceli大神的cnodejs-ionic项目）
极光账户设置部分可以参考小和尚的这篇分享。
下面主要说明项目代码部分修改。


新建一个 ionic项目

$ ionic start --id com.ionichina.ionicjpush ionic_jpush tabs

注：修改 id 为自己应用的 Bundle identifier

添加 IOS 平台

$ cd ionic_jpush

$ ionic platform add ios

安装插件

$ ionic plugin add https://github.com/DongHongfei/jpush-phonegap-plugin.git

等待时间比较长，你也可以像小和尚文章里介绍的先下载下来，再安装，但这个过程是跑不了的

（接下来，蛋疼的事情开始了）

修改配置

    修改: ionic_jpush\plugins\cn.jpush.phonegap.JPushPlugin\src\ios\PushConfig.plist 修改对应的APP_KEY和CHANNEL(渠道)

注意

确保有如下代码，不然后面 Xcode 运行会警告：

1. <key>APS_FOR_PRODUCTION</key>
   
2. <string>0</string>

复制代码

在 js 中添加通知实现

    在 app.js 最后添加一个 push 工厂(参考了@lanceli 大神的Ccnodejs-ionic项目)

1. 
   
2.   .factory('Push', function() {
   
3.     var push;
   
4.     return {
   
5.       setBadge: function(badge) {
   
6.         if (push) {
   
7.           console.log('jpush: set badge', badge);
   
8.           plugins.jPushPlugin.setBadge(badge);
   
9.         }
   
10.       },
    
11.       setAlias: function(alias) {
    
12.         if (push) {
    
13.           console.log('jpush: set alias', alias);
    
14.           plugins.jPushPlugin.setAlias(alias);
    
15.         }
    
16.       },
    
17.       check: function() {
    
18.         if (window.jpush && push) {
    
19.           plugins.jPushPlugin.receiveNotificationIniOSCallback(window.jpush);
    
20.           window.jpush = null;
    
21.         }
    
22.       },
    
23.       init: function(notificationCallback) {
    
24.         console.log('jpush: start init-----------------------');
    
25.         push = window.plugins && window.plugins.jPushPlugin;
    
26.         if (push) {
    
27.           console.log('jpush: init');
    
28.           plugins.jPushPlugin.init();
    
29.           plugins.jPushPlugin.setDebugMode(true);
    
30.           plugins.jPushPlugin.openNotificationInAndroidCallback = notificationCallback;
    
31.           plugins.jPushPlugin.receiveNotificationIniOSCallback = notificationCallback;
    
32.         }
    
33.       }
    
34.     };
    
35.   });
    

复制代码

在 app.js 的 run 函数里定义通知回调函数

记得在 run 函数里引用 Push 先

  // 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 里进行初始化

1. 
   
2. //初始化
   
3. Push.init(notificationCallback);
   
4. //设置别名
   
5. Push.setAlias("12345678");

复制代码

编译 IOS 项目

1. $ ionic build ios
   

复制代码

（接下来，更蛋疼的事情开始了）
修改配置 IOS 项目（不要问我为啥）

  

1.   修改 AppDelegate.m， 添加
   
2. 
   
3. #import "APService.h"
   
4. #import "JPushPlugin.h"  //viper
   
5. 
   
6. didFinishLaunchingWithOptions函数中添加
   
7. 
   
8. 
   
9.     // Required
   
10. #if __IPHONE_OS_VERSION_MAX_ALLOWED > __IPHONE_7_1
    
11.     if ([[UIDevice currentDevice].systemVersion floatValue] >= 8.0) {
    
12.         //可以添加自定义categories
    
13.         [APService registerForRemoteNotificationTypes:(UIUserNotificationTypeBadge |
    
14.                                                        UIUserNotificationTypeSound |
    
15.                                                        UIUserNotificationTypeAlert)
    
16.                                            categories:nil];
    
17.     } else {
    
18.         //categories 必须为nil
    
19.         [APService registerForRemoteNotificationTypes:(UIRemoteNotificationTypeBadge |
    
20.                                                        UIRemoteNotificationTypeSound |
    
21.                                                        UIRemoteNotificationTypeAlert)
    
22.                                            categories:nil];
    
23.     }
    
24. #else
    
25.     //categories 必须为nil
    
26.     [APService registerForRemoteNotificationTypes:(UIRemoteNotificationTypeBadge |
    
27.                                                    UIRemoteNotificationTypeSound |
    
28.                                                    UIRemoteNotificationTypeAlert)
    
29.                                        categories:nil];
    
30. #endif
    
31.     // Required
    
32.     [APService setupWithOption:launchOptions];
    
33. 
    
34. didRegisterForRemoteNotificationsWithDeviceToken中添加
    
35. 
    
36. // Required
    
37. [APService registerDeviceToken:deviceToken];
    
38. [APService setDebugMode];
    
39. 
    
40. 添加函数
    
41. 
    
42. - (void)application:(UIApplication *)application didReceiveRemoteNotification:(NSDictionary *)userInfo {
    
43.     // Required
    
44.     [APService handleRemoteNotification:userInfo];
    
45.     BOOL isActive;
    
46.     if (application.applicationState == UIApplicationStateActive) {
    
47.         isActive = TRUE;
    
48.     } else {
    
49.         isActive = FALSE;
    
50.     }
    
51.     NSDictionary *dict=[[NSMutableDictionary alloc] initWithDictionary:userInfo];
    
52.    
    
53.     [dict setValue: [[NSNumber alloc] initWithBool:isActive] forKey:@"isActive" ];
    
54.    
    
55.     [[NSNotificationCenter defaultCenter] postNotificationName:kJPushPlugReceiveNotificaiton
    
56.                                                         object:dict] ;//viper
    
57.    
    
58.    
    
59. }
    

复制代码

OC 代码算是完事儿，然后就是配置

    修改项目 Capabilities，打开 Background Modes，勾选最后一项Remote notications
    设置证书，这个就不教了，网上一大堆
    Xcode 这边就算配置完了


接下就是设置一些Xcode常规操作，编译运行，从极光官方控制台发送一条通知，然后查看Xcode控制台，应该就会有推送的通知数据打印了。
下面的事儿你自己应该搞的定。



实例代码放在这里了

百度网盘 下载地址:
http://yun.baidu.com/s/1gduG68V


github下载地址：
https://github.com/DongHongfei/ionic_jpush

头顶着一片天

使用plugins.jPushPlugin.setApplicationIconBadgeNumber(0)无法消除icon上的badge,怎么解决？

跨平台移动开发

消息推送的时候极光后台有个参数可以设置

头顶着一片天

跨平台移动开发 发表于 2015-12-16 16:44
消息推送的时候极光后台有个参数可以设置

用的是+1，希望的效果是点击应用图标之后就把badge清掉，运行环境是ios平台

头顶着一片天

跨平台移动开发 发表于 2015-12-16 16:44
消息推送的时候极光后台有个参数可以设置

官方的插件，是可以清除的。
帖子中贴出的插件没有plugins.jPushPlugin.setApplicationIconBadgeNumber(0)这个方法，我自己在JPushPlugin.m和JPushPlugin.js中添加的方法。
目前的情况是：虽然点击了应用后，badge清除了，但是再收到推送后，badge还是累计增加。比如说badge是2，点了应用之后，图标上没有角标显示了，再收到推送后，角标会显示为3