플레어레인을 이용한 웹푸시 모듈 1.1.0

자료 소개	웹브라우저에서 푸시알림 지원을 해주는 모듈입니다.
설치 경로	/modules/jwebpush
테스트 환경	Rhymix 2.0
라이선스	GPL v2

 

라이믹스 가장 최근버전 Rhymix 2.0.24 기준입니다.

얼마전에 팁게시판에 팁으로 공유했던 기능을 모듈화해서 다시 공개자료실에 배포하게 되었습니다.
배포할거면 모듈화 하는게 어떻겠냐고 댓글을 주셔서

생각끝에 이쪽저쪽 참고하여 모듈로 만들었습니다.

아무래도 코어 수정을 하지 않도록 해야 할 것 같아서 간단하게나마 모듈제작까지 하게 되었네요.

(딱 알림에 필요한 코드만 집어넣었습니다.)

모듈로 만들어 배포까지 하게 된건 처음이라 수정사항이 있을 지는 모르겠습니다만

테스트한 바로는 잘 됩니다.
혹시 사용중 이상이 있거나 수정해야 할 부분이 있으면 언제든지 알려주세요.

 

그리고 팁게시판에 올린 글은 내용을 삭제해 놓겠습니다.

혹시라도 기존 팁을 보시고 적용하신 분들이 계시면 다음 순서대로 원상복구 후
본 모듈을 적용해주세요.

 

1. user_conf 모듈은 삭제해주세요.

2. ncenterlite.controller.php 에 끼워넣었던 코드(1146라인 쯤)도 삭제해주세요.(다른 코드를 삭제하지 않도록 주의)

이후에 본 모듈을 설치해주시면 됩니다.

 

 

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

 

1.

먼저 https://www.flarelane.com/ 에 접속 후
'무료로 시작하기'를 클릭합니다.
(유료 플랜도 있는데 접속자 규모가 크거나 여러 기능을 이용해야 하는 경우엔 유료로 해주시면 될것 같습니다.)

그럼 관리자 콘솔로 이동되는데 그곳에서 좌측 메뉴의 설정->프로젝트를 클릭하여 프로젝트를 생성해줍니다.
프로젝트가 생성되면 '프로젝트 ID'와 'APIKEY'를 받을 수 있습니다.

이후 좌측 메뉴에서 설정->채널을 클릭합니다.
그곳에서 채널관련 여러 설정들을 입력해줍니다.(기본설정/위젯설정/팝업설정-훑어보시면 알수 있을겁니다.)
 

2.

첨부한 sw.js파일을 홈페이지의 루트경로(/)에 업로드해줍니다.

(예: https://도메인주소/sw.js)

 

3.

첨부한 jwebpush폴더를 모듈(/modules)폴더에 업로드해줍니다.

 

4.

레이아웃 파일의 가장 아래부분에 다음 코드를 붙여넣기합니다.(모바일 레이아웃이 별도로 있다면 그쪽에도 같이..)
("플레어 레인에서 받은 프로젝트 ID 입력") 부분은 수정해야합니다.(따옴표 안에 입력)

<script src="https://cdn.flarelane.com/WebSDK.js" charset="UTF-8"></script>
<script>
    FlareLane.initialize({ projectId: "플레어 레인에서 받은 프로젝트 ID 입력" });
    FlareLane.setUserId('{$logged_info->user_id}');
</script>

 

 

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

 

설치할 부분은 여기까지입니다.

 

이후 관리자 페이지->설치된모듈->(F)웹푸시 모듈로 들어갑니다.
- (F)웹푸시모듈 사용 : 예

- 프로젝트 ID : 플레어레인에서 받은 '프로젝트 ID' 입력(플레어레인의 프로젝트 메뉴에 생성되어 있습니다.)
- APIKEY : 플레어레인에서 받은 'APIKEY'  입력

관리자페이지->설치된모듈->알림센터로 들어갑니다.
- 기본설정에서 웹알림 체크박스에 모두 체크를 해줍니다.

 

 

 

# iOS를 사용하는 기기에서는 아직 웹푸시 지원이 되지 않습니다.

2023년 중에 지원할 예정이라고는 합니다.
iOS까지 지원을 시작하게 되면 오직 알림이 필요해서 안드로이드/애플 앱을 만들게 되는

가성비 최악의 상황은 없어지겠네요. 갈수록 앱 승인받기도 엄청 까다로워지는 것 같던데...

 

 

 

수정사항

 

1.1.0

url 링크에서 http가 빠져 클릭시 해당 페이지로 가지 못하던 부분 수정