FreeSoftTeam

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

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

안드로이드에서도 포함될 자바스크립트 파일은 두개가 된다.두개의 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

예전 phonegap 초기 버전에서 설치하고 사용했던 기억이 있는데..그때는 그냥 쉽게 설치하고.. 사용했던거 같은데 이번에 새로 설치해보니 많이 바뀌었다. 가장 중요한 부분은 플러그인이 개별설치 해야된다는 것이다.예전에는 폰갭 설치하면 기본적으로 웬만한 플러그인과 퍼미션이 자동으로 추가되어 있었고,불필요한 플러그인이나 퍼미션은 제거해 주는 구조였던 것으로 기억한다.하지만.. 프로그램이 무거워져서 그런것인지 보안때문인 것인지.. 폰갭 설치후에 플러그인별로 개별적인 설치가 필요했다. 간략한 폰갭 설치방법은 다음과 같다. 3,4,5 번 과정은 안드로이드일 경우에만 필요하다. 1. node.js 설치http://nodejs.org/ 1-2. git 설치 : 윈도우의 경우http://git-scm.com/dow..

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