FreeSoftTeam

푸쉬 메시지를 발송하기 위한 서버구성과 기본적인 플로우는 앞서 작성한 글을 참고하기 바란다. phonegap 3.5 에서 푸쉬(Push Notification) 적용하기 - 4. 서버 작성 (iOS) 여기서는 안드로이드 디바이스에 푸쉬메시지를 보내는 서버 구현에 대해서 간단히 설명하겠다.안드로이드도 아이폰과 마찬가지로 GCM 서버쪽에 우리가 원하는 메시지를 던지면.. 이후 과정(해당하는 디바이스에 푸쉬메시지를 전송하는것)은 GCM 서버에서 알아서 해준다. 우리가 할일은 GCM 서버로 메시지를 보내는 것. 아이폰이 SSL 프로토콜을 이용한 바이너리 데이터를 보내야 했던것과는 조금 다르게.. GCM에서는 https 프로토콜을 이용한다.https 연결에 원하는 문자열을 ascii 형태로 전송하면 된다. 따라서..

프로그램개발/Phonegap 2014. 7. 13. 14:11

iOS의 푸쉬메시지를 보내기 위해서는 여러가지 공개라이브러리가 존재한다.여러가지 다양한 옵션을 제공하고 있어서 필요에 맞게 이용할 수 있겠지만.. 단순함의 미학!! 여기서는 핵심적인 요소만 이용해서 간단하게 뼈대만 작성해 보도록 하겠다. 안드로이드나 아이폰의 푸쉬는 모두 해당 서버를 이용해서 발송해야 한다.즉 안드로이드는 google GCM 서버를, 아이폰의 경우 apple APNS 서버를 통해 단말로 원하는 푸쉬메시지를 전송하게 된다. 이러한 프로세스를 그림으로 표현하면 다음과 같다. 일반적인 서비스에서는 GCM, APNS와 통신하기 위한 서버가 필요하다. 위 그림은 기본적인 푸쉬 발송 프로세스를 설명했다.1,2,3 번은 푸쉬서비스 등록에 대해서 A,B 는 푸쉬 발송에 대해서 필요한 절차이다. * 푸쉬..

프로그램개발/Phonegap 2014. 7. 12. 10:37

안드로이드에서도 포함될 자바스크립트 파일은 두개가 된다.두개의 js 파일은 아래와 같이 포함되게 된다. 페이지가 로딩이 되면.. 다음과 같이 우선 푸쉬서버에 등록을 진행한다.document.addEventListener("deviceready", onDeviceReady, false);function onDeviceReady() {// 푸쉬 서비스에 등록하는 부분임.var pushNotification = window.plugins.pushNotification;if (device.platform == 'android' || device.platform == 'Android') {// 안드로이드 푸쉬 등록pushNotification.register(successHandler, errorHandler,{..

프로그램개발/Phonegap 2014. 7. 11. 15:08

앞서 phonegap용 플러그인을 설치하고 애플 개발자센터에서 인증서를 발급받았다.이제 남은것은 클라이언트 프로그램과 서버 프로그램을 작성하는 일이다. 실제 상용 서비스에서는 예외처리등 다소 복잡한(?) 처리를 해주어야 겠지만.. 여기서는 간단하게 테스트용 샘플 프로그램을 통해서 iPhone 푸쉬서비스(APNS)를 이용하는 테스트를 해보도록 하겠다. 폰갭에서 작성하고 있으므로.. 클라이언트 프로그램은 자바스크립트로 구성이 된다.포함되어야 되는 js 파일은 cordova.js 와 PushNotification.js 파일이다.PushNotification.js 파일은 자동으로 프로젝트 디렉토리에 생성되지 않으므로 앞에서 작성한 글을 참고해야 된다. phonegap 3.5 에서 푸쉬(Push Notificat..

프로그램개발/Phonegap 2014. 7. 9. 18:07

3. Certificate(인증서) 만들기앞서서 CSR을 생성하고 App ID를 만들었다.이제부터는 App ID에 대하여 CSR을 통한 인증서를 만들어 보겠다.등록된 App ID를 살펴보면 Push Notification 부분이 Configureable 이라고 노란색으로 표시되고 있음을 알수 있다. 하단의 Edit 버튼을 눌러서 진행하자. Push Notification 항목에 두가지의 박스가 존재한다. 하나는 개발용 인증서 다른하나는 프로덕션용 인증서 이다.일단 개발테스트를 위한 목적이므로 아래 표시한 버튼을 눌러 개발용 인증서를 생성하자. 여기서 CSR 생성에 대해서 나오는데 앞에서 CSR을 생성해 두었으므로 계속 버튼을 눌러 진행한다. 인증서 생성을 위해서 CSR 파일을 업로드 해야 한다. Choo..

프로그램개발/Phonegap 2014. 7. 8. 20:28

안드로이드, 아이폰 모두 푸쉬서비스를 이용하기 위해서는 개발자센터를 통해 키값을 얻어야 한다.안드로이드 GCM 에 대해서는 아래 링크 참조 GCM-1 : 서비스 신청하기 GCM-2 : 클라이언트 적용 아이폰에서는 다음과 같은 방법으로 인증서를 받아야 한다. 1. CSR(Certificate Signing Request) 만들기키체인접근 > 인증서지원 > 인증기관에서 인증서 요청 메뉴를 클릭한다. 인증서 지원 입력창에서 개발자등록된 이메일과 이름을 입력한다. 여기에서 입력되는 이름은 공개키, 개인키의 이름이 되므로 잘 기억해 두도록 하자. 디스크에 저장 옵션을 선택하고 계속을 누른다. 파일을 저장할 위치를 지정하고 CSR 파일을 저장한다. 키쌍 정보는 기본값으로 두고 계속 버튼을 누른다. 생성이 되었다는 ..

프로그램개발/Phonegap 2014. 7. 8. 20:00

기존 안드로이드에서는 푸쉬를 많이 적용해봐서.. 폰갭을 쓰던 안쓰던 쉽게 적용할 수가 있는데..아이폰에서 푸쉬는 예전에 적용을 해보다가 말아서.. 또한 폰갭에서 적용하는건 처럼이라.. 기록을 남긴다. 먼저 카메라, 파일등과 마찬가지로 일단 플러그인 설치!! 1. 플러그인 설치현재 설치된 플러그인을 확인해 보자$ cordova plugin listorg.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 "..

프로그램개발/Phonegap 2014. 7. 8. 17:41

아이폰 7.0 이상부터는 상태바가 투명해지는 바람에.. 그 영역에 웹뷰가 겹치는 현상이 발생한다. 폰갭으로 기본적으로 생성한 프로젝트의 경우 상단 영역이 겹쳐서 버튼도 안눌러지고.. 이상하게 보이고.. 그에 대한 해결은 아래와 같은 코드로 간단히 해결할수 있다. 웹뷰를 status bar로 부터 20 픽셀 아래로 이동시키는 코드이다. MainViewController.m 파일의 viewWillApㅔear 부분에 아래와 같은 코드를 추가해 준다. if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7) { CGRect viewBounds = [self.webView bounds]; viewBounds.origin.y = 20; viewBounds.s..

프로그램개발/Phonegap 2014. 7. 8. 17:41