그누보드 FCM웹푸시 연동 프로젝트

프로젝트 소개

그누보드 게시판에 공지글 작성, 댓글 작성시 PC웹, 모바일(안드로이드, 아이폰) 에서 웹푸시를 지원 하는 프로젝트 입니다.

주요 특징

• 게시판에 공지를 선택 하여 글을 작성 하면 웹푸시 구독한 회원들에게 푸시알림이 됩니다.
• 게시판내 댓글 작성시, 원글 게시글의 회원에게 알림, 대댓글시 A댓글 작성자의 댓글에 B댓글을 작성 하면, A댓글 작성자 에게 푸시를 보냅니다.
• 게시판내 좋아요 기능을 활성화 하면, 게시물에 좋아요 클릭시 글작성자 에게 푸시를 보냅니다.
• 파이어베이스 에서 FCM 키값을 관라지에서 입력 하면, 바로 연동 준비완료 됩니다.
• 플러그인 설치 방법으로 설치 하여, FCM연동 하면 준비 완료.
• PC버전은 회원가입, 로그인후 하단에 알림구독 버튼을 클릭 하면, 웹푸시 알림을 허용 합니다.
• 모바일에서는 홈화면으로 추가 버튼 클릭 하여 홈화면에 설치된 아이콘을 선택후, 회원가입, 로그인 하시면, 하단에 알림허용 이 생겨 이를 클릭 하여 알림 허용을 하면 이후 부터 알림을 받을 수 있습니다.

기술적 특징

플러그인 개발 방식으로 개발 하여, 간단한 설치로 웹푸시를 연동 합니다. 푸시 이벤트는 그누보드 훅을 사용 하여 푸시되어, 기존 코드는 수정작업 없이 푸시가 가능 합니다.

활용 방법

• 그누보드를 활용하는 모든 사이트에 회원에게 공지 사항 푸시알림, 게시판을 커스터마이징한 예약형 게시판에도 활용 하여, 푸시로 받아 볼 수 있습니다.
• 모바일버전에서는 모바일앱 디자인을 유지 하여, 모바일앱 처럼 웹푸시 되는 하이브리드형으로 사용 할 수 있어요.
• wakit 과 같이 사용 하여, 정말 모바일앱 처럼 만들수도 있어요

테스트 방법

[PC버전]

1. 회원가입후 로그인 합니다.
2. 하단에 "알림허용" 을 선택 하여 알림을 허용 합니다.
3. 게시글을 작성 합니다. 댓글을 작성 하고, 다른 계정으로 해당 댓글에 답변을 합니다.
4. 게시판에 글 작성시 공지를 선택 하여 게시글을 작성 합니다. ( 주의필요 모든 회원에게 알림이 가니 소량으로 테스트 )
5. 좋아요 버튼 클릭 하면 글 작성자 에게 푸시가 갑니다.

[모바일버전]

1. 홈화면으로 추가 합니다.
2. 아이콘 선택 하여 로그인 합니다.
3. 하단에 "알림허용"을 선택 하여 알림을 허용 합니다.
4. 다른 디바이스 에서 게시글, 댓글을 작성 하여 푸시 오는지 확인 합니다.
5. 좋아요 버튼 클릭 하면 글 작성자 에게 푸시가 갑니다.

주의사항

모바일 푸시의 경우 아이폰의 경우는 IOS16.4 버전 이상 에서 지원 됩니다.

향후계획

• 영카트 각 상황별로 웹푸시 적용