はじめに

以下の続き的メモ。
PhoneGap Buildでionicを使う準備メモ
http://qiita.com/xylitol45@github/items/1b296ef3fc9b3d43f877

mBaaSとして、Parse.com( https://www.parse.com/ )を利用し、PUSH通知ができるようにする。
手元にiPhoneしかないので、iOSで試す。

準備

このへんを見ながらPUSH通知用のAppIDやら証明書を準備。

iOSでプッシュ通知を実装する方法の超詳細まとめ
http://www.lancork.net/2013/08/how-to-ios-push-first/
http://www.lancork.net/2013/08/how-to-ios-push-second/

ちなみにAWS SNSの場合、CertificateSigningRequest.certSigningRequestの通称の日本語はNGのようなのだが、Parse.comは大丈夫だった。

Push通知がコマンドラインからは送れるのにAWS SNSにp12ファイルが設定出来ない場合
http://qiita.com/soramugi/items/3fdce462e4b28a5022da

PhoneGap Build

署名キー

署名書キーを登録。

開発用証明書を書き出したp12ファイル(パスワードあり)
Push Notificationsと紐付けられているプロビジョニングプロファイル

PushPlugin

サードパーティプラグインのPushPluginを利用する。
PhoneGap Build の PushPlugin
https://build.phonegap.com/plugins/3960

config.xmlに以下を追加する。

config.xml

    <!-- pushplugin追加 -->
    <gap:plugin name="com.phonegap.plugins.pushplugin" />
    <!-- アクセス許可サイト -->    
    <access origin="*"/>

Parse.com

このへんを見ながら。
Parse.comを使ったiOSデバイスへのプッシュ通知[導入編]
http://www.riaxdnp.jp/?p=6650

Settings => Push => Apple Push Certificates で、PUSH通知証明書をp12ファイル(パスワードなし)で書き出したものを登録。

JavaScript修正

このへんを見ながらapp.jsを修正する。
phonegap-build/PushPlugin
https://github.com/phonegap-build/PushPlugin/blob/a172e19/README.md

アプリ起動時にrunメソッドが実行され、Parse.comにトークンを登録する。

app.js

"use strict";

//PUSH通知受信
var onMyNotificationAPN = function(event) {
    if ( event.alert ) {
    	alert("my notification " + event.alert);
    }
};

angular.module('myApp', ['ionic','ngCordova','myApp.controllers'])

.factory('shared',['$http','$cordovaDevice',function($http,$cordovaDevice){
	var _o = {
	    // トークン取得、Parse.com登録
		notifyRegisetr:function(){
	    	if ($cordovaDevice.getPlatform() == 'iOS') {
	    		_o.notifyRegisterForiOS();
	    	}
		},
		// for iOS
    	notifyRegisterForiOS: function() {
    		var pushNotification = window.plugins.pushNotification;
    		//alert('notifyRegisterForiOS');
    		pushNotification.register(
				function(token){
					console.log("token:"+token);
					// REST APIを利用し、Parse.com へトークン登録
					$http({
						'method':'POST',
						'url':'https://api.parse.com/1/installations',
						'headers':{
							"X-Parse-Application-Id":"[Application Id]",
							"X-Parse-REST-API-Key": "[REST API Key]" 
						},
						'data':{
					        "deviceType": "ios",
					        "deviceToken": token,
					        "channels": [""]
					      }
					});
				},
				function(err){
					// トークン取得失敗
					// console.log("error:"+err);
				},
				{
					"badge":"true",
				    "sound":"true",
				    "alert":"true",
				    "ecb": "onMyNotificationAPN"
 				}
    		);
    	}
	};
	return _o;
}])

.run(['shared','$cordovaStatusbar',function(shared,$cordovaStatusbar) {	
	ionic.Platform.ready(function(){
	    $cordovaStatusbar.overlaysWebView(true);

    	shared.notifyRegisterForiOS();
 	 });
}])
;

Parse.comでPUSH通知

Push => Send a push で登録済み端末へPUSH通知を送る。
なお、登録端末は Core => Data => Installation で確認可能。