Get device token for apple push notifications in sencha touch and phone gap

Hello,

Recently I was working on Apple push notifications with sencha touch and phonegap project. Requirement was to get device token in JavaScript file so that it can be sent to server for getting push notifications. For that first thing we need to do is register device to get Push notifications.

Please make sure that you have real apple device like iPad, iPhone or iPod touch to test this. This will not work in Simulator.

To register device for push notifications add following in your AppDelegate.m file.  Find method

- (BOOL) application:(UIApplication*)application didFinishLaunchingWithOptions:(NSDictionary*)launchOptions

Also add following line to define token variable.

@synthesize token;

and add following code at end of the method.

NSLog(@"Registering for push notifications...");    

    [[UIApplication sharedApplication] 

     registerForRemoteNotificationTypes:

     (UIRemoteNotificationTypeAlert | 

      UIRemoteNotificationTypeBadge | 

      UIRemoteNotificationTypeSound)];

This will register device for getting push notifications. Please make sure that you have added provisioning profile which configured with non wild card app id and app is configured to receive  push notifications in your development portal. Also you need valid developer certificate.

After that you need to add following methods at end of the file.

- (void)application:(UIApplication *)app didRegisterForRemoteNotificationsWithDeviceToken:(NSData *)deviceToken { 

    

    self.token = [[[[deviceToken description]

                    stringByReplacingOccurrencesOfString: @"<" withString: @""]

                   stringByReplacingOccurrencesOfString: @">" withString: @""]

                  stringByReplacingOccurrencesOfString: @" " withString: @""];

    

    NSLog(@"My token is: %@", self.token);

}

- (void)application:(UIApplication *)app didFailToRegisterForRemoteNotificationsWithError:(NSError *)err { 

    

    NSString *str = [NSString stringWithFormat: @"Error: %@", err];

    NSLog(str);    

    

}

- (void)application:(UIApplication *)application didReceiveRemoteNotification:(NSDictionary *)userInfo {

    

    for (id key in userInfo) {

        NSLog(@"key: %@, value: %@", key, [userInfo objectForKey:key]);

    }    

    

}

This will get device token and store it to token. Now to send this token to JavaScript we will create a phonegap plugin. Please make sure that this code will work with Phonegap version 1.5.0. They named this version as Cardova.

First create folder inside plugins folder of your project folder and name it as PushToken and add two files to it PushToken.m and PushToken.h

Open PushToken.h file and add following code to it.

#import <Foundation/Foundation.h>

#import <Cordova/CDVPlugin.h>

@interface PushToken : CDVPlugin{

    

    NSString* callbackID;  

}

@property (nonatomic, copy) NSString* callbackID;

- (void) getToken:(NSMutableArray*)arguments withDict:(NSMutableDictionary*)options;

@end

Now open PushToken.m file and add following code to it.

#import "PushToken.h"

#import "AppDelegate.h"

@implementation PushToken

@synthesize callbackID;

-(void)getToken:(NSMutableArray*)arguments withDict:(NSMutableDictionary*)options  {

    self.callbackID = [arguments pop];

    

    NSString *token = ((AppDelegate *)[[UIApplication sharedApplication] delegate]).token;

    

    CDVPluginResult* pluginResult = [CDVPluginResult resultWithStatus:CDVCommandStatus_OK messageAsString:[token stringByAddingPercentEscapesUsingEncoding:NSUTF8StringEncoding]];

    

    if(token.length != 0)

    {

        [self writeJavascript: [pluginResult toSuccessCallbackString:self.callbackID]];

    }else {    

        [self writeJavascript: [pluginResult toErrorCallbackString:self.callbackID]];

    }

}

@end

Now we have to map this plugin. For that open Cordova.plist file and following key value pair to it.

PushToken : PushToken

After that open AppDelegate.h file and add following line to it.

@property (retain, nonatomic) NSString* token;

That's it of phonegap side now we have to create JavaScript file form where we will execute this plugin code. Create JavaScript file with name PushToken.js and add it to www folder. Add following code to it.

var PushToken = {

    getToken: function(types, success, fail) {

        return Cordova.exec(success, fail, "PushToken", "getToken", types);

    }

};

Add link of this JavaScript file to your index.html page after phonegap JavaScript file. To get device token wherever you want use following code.

PushToken.getToken(     

                     ["getToken"] ,           

                     function(token) {

                              global.token = token; 

                     },

                     function(error) {

                              console.log("Error : \r\n"+error);      

                     }

          );

That's it and you have your device token.