phonegap 3.5 에서 푸쉬(Push Notification) 적용하기 - 1.플러그인 설치

기존 안드로이드에서는 푸쉬를 많이 적용해봐서.. 폰갭을 쓰던 안쓰던 쉽게 적용할 수가 있는데..

아이폰에서 푸쉬는 예전에 적용을 해보다가 말아서.. 또한 폰갭에서 적용하는건 처럼이라.. 기록을 남긴다.

먼저 카메라, 파일등과 마찬가지로 일단 플러그인 설치!!

1. 플러그인 설치

현재 설치된 플러그인을 확인해 보자

$ cordova plugin list

org.apache.cordova.camera 0.3.0 "Camera"

org.apache.cordova.device 0.2.10 "Device"

org.apache.cordova.dialogs 0.2.8 "Notification"

org.apache.cordova.file 1.2.0 "File"

org.apache.cordova.file-transfer 0.4.4 "File Transfer"

org.apache.cordova.geolocation 0.3.8 "Geolocation"

org.apache.cordova.inappbrowser 0.5.0 "InAppBrowser"

위의 Notification은 자체 알림이다.. 다이얼로그 박스와 같은..

아래와 같이 플러그인을 설치하고 플러그인 리스트를 다시 확인해 보았다.

PushPlugin 2.2.1 버전이 설치된것을 확인할 수 있다.

$ cordova plugin add https://github.com/phonegap-build/PushPlugin

Fetching plugin "https://github.com/phonegap-build/PushPlugin" via git clone

Installing "com.phonegap.plugins.PushPlugin" for ios

$ cordova plugin list

com.phonegap.plugins.PushPlugin 2.2.1 "PushPlugin"

org.apache.cordova.camera 0.3.0 "Camera"

org.apache.cordova.device 0.2.10 "Device"

org.apache.cordova.dialogs 0.2.8 "Notification"

org.apache.cordova.file 1.2.0 "File"

org.apache.cordova.file-transfer 0.4.4 "File Transfer"

org.apache.cordova.geolocation 0.3.8 "Geolocation"

org.apache.cordova.inappbrowser 0.5.0 "InAppBrowser"

2. PushNotification.js 파일 복사

plugin/com.phonegap.plugins.PushPlugin/www/PushNotification.js 파일을 플랫폼의 www폴더로 복사한다.

ios의 경우에는 프로젝트홈/platforms/ios/www 로 복사

html 페이지에 다음 코드를 추가하면 push 사용할 준비가 완료됨.

<script type="text/javascript" src="PushNotification.js"></script>