XE 공식 자료실

제작자
단희아빠
등록일
2015-06-29
다운로드 수
298
링크1
xepushapp.com

새 글과 새 댓글을 알림받는 안드로이드 푸시 앱을 직접 만들어보세요.

초보자도 쉽게 만들 수 있도록 완벽가이드, 앱 소스가 제공되며,

이 모듈을 통해서 xe 홈페이지와 연동되는 GCM 안드로이드 푸시 앱을 사용할 수 있습니다.

라이선스
GPL v2
설치경로
./modules/androidpushapp
최초 등록일
2015-04-09
전체 다운로드
6,000
체험하기

쉬운설치로 바로 체험할 수 있습니다

상세 설명

<안드로이드 푸시 앱 소개>

 

안드로이드 푸시 앱은 홈페이지의 새글, 새댓글, 쪽지를 푸시 알림해주고, 앱실행시에는 모바일 페이지를 보여주는 웹앱입니다. 이 안드로이드 앱은 웹뷰버전과 웹브라우저호출버전, 두 가지 방식으로 제작하실 수 있는데, 두 버전 모두 푸시기능과 모바일웹기능을 구현할 수 있습니다.

 

다만 차이가 있다면 웹브라우저 호출버전은 앱 실행시에 스마트폰에 내장되어 있는 네이버나 크롬 등과 같은 앱을 호출하여 모바일 페이지만 링크하는 방식으로 작동하며, 푸시 알림을 위해 백그라운드에서만 작동하는 네이티브 앱입니다. 우리가 일반적으로 스마트폰으로 모바일 페이지를 보는 것과 다를바가 없습니다. 반면 웹뷰 버전 앱은 다른 웹브라우저를 호출하지 않고, 앱 자체에서 자바소스로 웹브라우저 기능을 직접 구현함으로써 (이것을 웹뷰라고 합니다) 웹뷰로 모바일 페이지를 보여주는 방식으로 작동하는 하이브리드 앱입니다.

 

아래 그림에서 보는 것처럼 분명한 차이가 있습니다. 앱을 실행해보면...

 

가이드1.png

웹브라우저 호출 버전은 네이버를 호출하여 모바일페이지를 링크만하고 백그라운드에서 푸시 기능만 담당합니다.

웹브라우저 호출 버전의 장점은 강력한 하이브리드앱인 네이버나 크롬 등의 브라우저를 사용하기 때문에 첨부파일이나 동영상기능이나 기타 여러가지 기능을 사용함에 있어서 불편함이 없다는 것입니다.

 

반면 웹뷰버전은 웹브라우저의 모든 기능을 일일이 자바소스로 직접 구현해야 하기 때문에 기술적 한계로 인해 여러가지 오류가 발생하거나 구현하지 못하는 기능들이 있을 수가 있습니다(http://xepushapp.com/board_jauh29/276 참조).

 

무엇보다도 안드로이드 4.4~4.4.2까지는 게시판에서 첨부파일을 업로드할 수 없다는 치명적인 단점이 있습니다. (다만 4.4~4.4.2로 접속해서 게시판에 글쓰기 할 경우 첨부파일을 사용할 수 없다고 알림을 해주는 기능이 있으므로 사용자가 큰 혼란을 겪는 것은 방지할 수 있습니다.) 한편 웹브라우저 호출 버전은 첨부파일 문제 없이 사용할 수가 있습니다. 그래서 첨부파일 기능을 꼭 사용하셔야 하면 웹브라우저 호출 버전을 사용하시기 바랍니다.

 

그럼에도 저는 웹브라우저 호출버전보다 웹뷰버전을 강력하게 추천드리는데, 그 이유는 모양새가 좋고, 자체 메뉴버튼이 제공되며 웹브라우저 호출버전에서는 구현할 수 없는 여러가지 특수한 기능들을 구현할 수 있다는 것입니다. 사용해보시면 웹뷰버전이 훨씬 편리하다는 것을 느끼실 수 있을 것입니다. 아래 그림은 웹뷰버전에서 제공하는 자체 메뉴의 기능과 웹뷰버전 앱을 설치후 첫 실행화면에서 로그인을 요청하는 장면입니다.

 

 

Screenshot_2015-05-26-02-36-56.jpg    Screenshot_2015-06-10-16-01-42.png

 

그러므로 각각 장단점이 있기 때문에 상황에 맞게 둘 중 하나를 골라서 제작하시면 됩니다.

 

----------------------------------------------------------------------------------------------------

 

푸시 알림이 이루어지는 원리

 

앱을 사용자가 설치하여 실행하면, 사용자 휴대폰의 고유 토큰(reg_id)을 홈페이지 안드로이드 푸시 앱 연동 모듈 DB와 구글 GCM 서버에 전송하여 거기 저장됩니다. 그래서 홈페이지에서 새 글이나 댓글, 쪽지가 올라올 때 안드로이드 푸시 앱 연동 모듈이 그 글에 대한 정보와 알림을 전송받을 사용자 토큰정보를 GCM서버에 보내게 되고, GCM서버는 그 정보를 받아서 해당 토큰 클라이언트에게 푸시 알림을 보내게 됩니다.

 

구글에서는 무료로 무제한 GCM서버를 제공해줍니다. (정말 감사할 따름이죠.) 그러니깐 우리는 GCM서비스를 이용하여, 모듈을 설치하고 앱만 제작하면, 푸시 알림 서비스를 평생 무료로 사용할 수 있는 것입니다.

 

아래 그림은 새 글이나 새 댓글이 달렸을 경우의 모습입니다.

 

가이드2.png

--------------------------------------------------------------------------

 

 

     Screenshot_2015-05-26-02-52-18.png

  

옆의 화면은 사용자가 알림설정을

 

클릭했을 때 나오는 화면입니다.

(웹뷰/웹브라우저호출버전 공통)

 

 

특히 모바일 페이지에서 로그인한 후에

 

동기화를 하면

 

"자신이 쓴 글의 댓글"이나

 

"자신이 댓글을 단 글에 새 댓글"이 달렸을 경우,

 

또는 자신의 댓글에 "대댓글"이 달렸을 경우에만

 

알림이 되도록 설정 가능합니다.

 

 

그리고 동기화하게 되면 자기가 쓴 글이나 댓글은

 

알림이 안 옵니다.

 

 

 

그리고 관리자를 위해 다음의 기능이 제공됩니다.

 

1) 푸시 알림 서비스를 제외할 게시판 설정 가능

 

2) reg_id 자동 정리 및 발송 결과 모듈 관리자 페이지에서 확인할 수 있도록 함.

   앱을 삭제하였거나 재설치하였을 때 있게 되는 없는 reg_id와 중복 reg_id 삭제 처리

 

3) 등록기기 목록과 동기화 여부 확인 가능

 

4) 정상작동 여부 확인을 위한 관리자용 테스트 발송기능

 

 

이 앱이 어떻게 작동하는지 어떤 기능이 있는지는 말로 설명하는 것보다 직접 체험해보시는 것이 낫겠죠? 모바일상에서 아래의 홈페이지로 가셔서

 

http://xepushapp.com/

 

홈페이지 상단 메뉴의 "xepushapp 어플 다운로드"를 클릭하셔서 어플을 실행해 보시고, "푸시 알림 테스트 게시판"에 새글이나 새댓글을 작성해서 직접 테스트 해보시기 바랍니다.

 

중요한 것은 직접 앱을 제작하셔야 하는데, 걱정하지 마세요. 초보자라도 쉽게 앱을 만들 수 있도록 앱소스와 제작 가이드가 제공됩니다.

 

완전 무료입니다. ^^ 무료라서 좋은 것도 있지만, 저의 기술적 한계로 해결하지 못하는 문제가 있다는 점 양해해주세요~! 그래도 왠만한 기능은 빵빵하게 지원됩니다.

 

- 앱 제작방법은 위의 홈페이지에 들어가시면 다 나와 있습니다.

 

 

[1.4버전에서 수정된 점]

- 댓글, 대댓글, 내가 댓글을 단 글의 새로운 댓글 등을 나누어 설정가능하도록 함.

- 댓글푸시알림시 클릭하면 댓글의 위치로 바로 이동

- 발송결과 목록에서 테스트, 쪽지는 링크되지 않도록 함.

- 쪽지 푸시 알림시 알림문구 링크 오류 해결

- 동기화 회원이 글을 쓰거나 댓글을 썼을 때 자신에게 푸시가 가지 않도록 서버에서 차단(기존에는 앱 자체에서 차단하였음)

- 잘못된 reg_id 삭제 안되는 오류 해결.

- 비밀글은 푸시알림이 안되도록 설정

- 비밀댓글은 글작성자에게만, 그리고 대댓글일 경우는 상위댓글 회원에게 푸시알림가도록 설정

- 글을 임시저장했을 때도 푸시알림이 되던 오류 수정

- 웹뷰 방식으로 전환

 

--------------------------

[1.5버전에서 수정된 사항]

 

*** 관리자 더미 데이터 생성 오류 수정..

*** 푸시 결과값 목록에 갑자기 아무것도 나오지 않는 현상이 발견되었습니다. 1.5버전으로 덮어쓰신다음에 관리자 페이지에서 캐시파일재생성을 하시면 정상작동 됩니다.

*** 그리고 비밀댓글의 경우 글작성자에게만 가도록 되어 있어서, 그 비밀 댓글이 대댓글일 때 관련댓글 회원에게도 푸시알림이 가도록 하였습니다. 

 

 --------------------------

 

[1.6 버전에서 수정된 사항]

- 비로그인시 글작성 또는 댓글 작성하면 화면전환이 안되던 오류 수정

- 웹브라우저 호출버전 제작시 javascript 삽입작업할 필요 없도록 변경

- 웹뷰버전은 웹뷰버전 3.6 앱소스로 작업하신 경우에만 정상 동작합니다.

 

 

 

 

포럼 4

로그인 후 작성할 수 있습니다.
  • 2015-07-01 13:24:02 서리diu

    반응형 웹사이트를 구현해 사용하고 있는데 적용이 가능할까요?

  • 2015-06-30 16:51:34 또별

    웹뷰방식,브라우저방식 둘다 좋으네요.브라우저방식은 앱은 버튼개념이고 실제 뷰는 URL주소줄이 출력되는 모바일홈페이지 개념이네요. 둘다 만들어 사용하면 좋겠네요.
    테스트버전에 [인증메일 재발송]메뉴에서 m.skin 버그가 있어요.

  • 2015-06-29 23:22:10 제작자 단희아빠

    1.예를들자면 자체메뉴버튼이나 종료할때 종료하겠냐고 물어보는거나 또는 현재접속자가 일반접속자인지 앱으로 접속한자인지 구분하는거나 또는 메뉴버튼을 눌렀을 때 어떤작동을 하거나 등등 이외에도 더많고 일단 한번 사용해보시면 잘아실겁니다

    2.둘다 쉽습니다.작업하는데 소요되는 시간이나 난이도가 거의 비슷합니다

  • 2015-06-29 21:30:52 또별

    요따 질문해도 될랑가요?
    1. 웹뷰방식은 웹브라우저 호출버전에서는 구현할 수 없는 여러가지 특수한 기능들을 구현할 수 있다는 것입니다. 라는 것은 예를 들어 웹뷰방식에서 어떤 특수한 것인지 궁궁하고요.(중요한 한두가지 예?)
    2. 웹브라우저호출방식과 웹뷰방식 중 초보자가 더 쉽게 할수 있는것은 어느쪽인가요?(초보자는 우선 쉽게쉽게 완성해 보는게 중요하므로)

    2.