<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" />
<!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
<title>Hello World</title>
</head>
<body>
<div class="app">
<h1>PhoneGap</h1>
<div id="deviceready" class="blink">
<p class="event listening">Connecting to Device</p>
<p class="event received">Device is Ready</p>
</div>
</div>
<script type="text/javascript" src="phonegap.js"></script>
<script type="text/javascript">
// app.initialize();
/**
* tokenHandler
*
* @param result
*
* 디바이스 토큰핸들러 콜백함수.
* 푸시 서비스를 활성화 하였을 때, window.plugins.pushNotification.register 메소드가 실행되면서 디바이스 토큰을 가져와서 출력한다.
* 만약에 푸시 서버로 디바이스 토큰을 보내야할 경우 이 함수 안에서 서버로 디바이스 토큰을 전송하면 된다.
*/
function tokenHandler(result){
console.log('deviceToken:' + result);
}
/**
* errorHandler
*
* @param err
*
* 에러 핸들러 콜백 함수.
*/
function errorHandler(err){
console.log('error:' + err);
}
/**
* successHandler
*
* @param result
*
* 디바이스로 푸시 메세지를 받았을 때 뱃지처리 이후 호출하는 콜백함수
*/
function successHandler(result){
console.log('result:'+result);
}
/**
* onNotificationAPN
*
* @param event
*
* iOS 디바이스로 푸시 메세지를 받을 때 호출되는 콜백함수, window.plugins.pushNotification.register 옵션 설정에서 ecb의 이름에 매칭된다.
*/
function onNotificationAPN (event){
// 푸시 메세지에 alert 값이 있을 경우
if (event.alert){
navigator.notification.alert(event.alert);
}
// 푸시 메세지에 sound 값이 있을 경우
if (event.sound){
var snd = new Media(event.sound);
snd.play();
}
// 푸시 메세지에 bage 값이 있을 경우
if (event.badge){
window.plugins.pushNotification.setApplicationIconBadgeNumber(successHandler, errorHandler, event.badge);
}
}
/**
* onNotificationGCM
*
* @param e
*
* 안드로이드 디바이스로 푸시 메세지를 받을 때 호출되는 함수, window.plugins.pushNotification.register 옵션에 설정에서 ecb의 이름에 매칭된다.
*/
function onNotificationGCM (e){
switch (e.event) {
case 'registered': // 안드로이드 디바이스의 registerID를 획득하는 event 중 registerd 일 경우 호출된다.
console.log('registerID:' + e.regid);
break;
case 'message': // 안드로이드 디바이스에 푸시 메세지가 오면 호출된다.
{
if (e.foreground){ // 푸시 메세지가 왔을 때 앱이 실행되고 있을 경우
var soundfile = e.soundname || e.payload.sound;
var my_media = new Media("/android_asset/www/" + soundfile);
my_media.play();
} else { // 푸시 메세지가 왔을 때 앱이 백그라운드로 실행되거나 실행되지 않을 경우
if (e.coldstart) { // 푸시 메세지가 왔을 때 푸시를 선택하여 앱이 열렸을 경우
console.log("알림 왔을 때 앱이 열리고 난 다음에 실행 될때");
} else { // 푸시 메세지가 왔을 때 앱이 백그라운드로 사용되고 있을 경우
console.log("앱이 백그라운드로 실행될 때");
}
}
console.log(e.payload.title);
navigator.notification.alert(e.payload.title);
}
break;
case 'error': // 푸시 메세지 처리에 에러가 발생하면 호출한다.
console.log('error:' + e.msg);
break;
case 'default':
console.log('알수 없는 이벤트');
break;
}
}
// 디바이스가 ready가 될때 실행될 수 있도록 이벤트 리스너에 등록한다.
document.addEventListener("deviceready", function(){
console.log(device.platform);
if(device.platform.toUpperCase() == 'ANDROID'){
window.plugins.pushNotification.register(successHandler,errorHandler, {
"senderID" : "45219...", // Google GCM 서비스에서 생성한 Project Number를 입력한다.
"ecb" : "onNotificationGCM" // 디바이스로 푸시가 오면 onNotificationGCM 함수를 실행할 수 있도록 ecb(event callback)에 등록한다.
});
} else {
// PushPlugin을 설치했다면 window.plugins.pushNotification.register를 이용해서 iOS 푸시 서비스를 등록한다.
window.plugins.pushNotification.register(tokenHandler, errorHandler, {
"badge":"true", // 뱃지 기능을 사용한다.
"sound":"true", // 사운드를 사용한다.
"alert":"true", // alert를 사용한다.
"ecb": "onNotificationAPN" // 디바이스로 푸시가 오면 onNotificationAPN 함수를 실행할 수 있도록 ecb(event callback)에 등록한다.
});
}
});
</script>
</body>
</html>
