추천 수 12 댓글 11
Extra Form
자료 소개 웹브라우저에서 푸시알림 지원을 해주는 모듈입니다.
설치 경로 /modules/jwebpush
테스트 환경 Rhymix 2.0
라이선스 GPL v2
이름 버전 날짜 다운수
jwebpush.zip - 2023-01-19 190
sw.zip - 2023-01-19 194

라이믹스 가장 최근버전 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가 빠져 클릭시 해당 페이지로 가지 못하던 부분 수정

  • profile

    소중한 자료 감사합니다! 제가 운영중인 사이트에 적용해보니 잘 작동하는것 같습니다.

    혹시 최고관리자의 경우에는 알림센터에서 알림이 오더라도 웹 푸시가 동작하지 않는데, 관리자도 푸시를 받을 수 있는 방법이 있을까요?

    같은 환경에서 일반사용자로 로그인하면 푸시가 잘 발생되는데, 관리자로 하면 알림센터 메시지가 생성되었음에도 푸시가 발생하지 않아서요~

  • profile profile
    회원레벨과는 상관이 없습니다. 저도 최고관리자 권한인데 잘 되고 있습니다.
    만일 안된다면 다음 세 가지 정도 살펴보셔야 할 것 같습니다.
    - iOS에서는 아직 알림지원이 되지 않습니다.
    - 알림센터 모듈의 설정에서 등록 버튼을 한번 꼭 눌러주셔야 합니다.(설정을 따로 만지지 않더라도 등록 버튼을 눌러줘야 DB에 웹알림 관련 권한 기록을 하게 되고 그 이후에 알림이 보내지는 구조라서요.-모든 회원 동일사항)
    - 구독이 활성화되어 있어야 합니다.(플레어레인 기본 구독 등록), 그리고 브라우저의 알림권한이 활성화되어 있는지 확인)

    * 혹시 그래도 안되는 경우 플레어레인에서 좌측메뉴 전체기기 클릭해보면 자신의 기기와 아이디가 제대로 등록되어 있는지 한번 확인해보세요. 없으면 위 세 가지 문제로 인해 등록이 되지 않은 상태일 것 같습니다.
  • profile profile
    윈도우와 웹 브라우저를 새로 설치하고 알림 설정을 하니 잘 됩니다! 감사합니다!
  • ?
    소중한 자료 감사합니다.
    그곳에서 채널관련 여러 설정들을 입력해줍니다.(기본설정/위젯설정/팝업설정-훑어보시면 알수 있을겁니다.)
    에서 위젯노출 경로를 어떻게 해야 하나요?
    미리 감사합니다.
  • ? profile
    노출경로는 기본 '/'로 놔두시면 도메인주소 접속시에 메인페이지에 위젯을 띄우게 되어 있고
    그 외에는 설정하기에 따라 해당페이지에 위젯을 띄우게 되는 것 같습니다.
    위젯을 띄우고 싶은 페이지 경로를 적어주시면 될것 같습니다.
    일반적으로는 / 하나면 됩니다. 어차피 그 위젯은 알림을 구독할건지만 정해주는 기능이니까요.
  • profile ?
    네 감사합니다. 도움 되었습니다.
  • profile
    소중한 자료 공유감사합니다
    이전에올려주신 팁으로 적용했었는디 모듈로 변경해야겠네요~
  • profile
    그럼 알림센터를 통해 받는 모든 알림이 웹푸시가 되는건가요? 이렇게 간단해 지다니.. 대단합니다.
  • profile profile
    네에, 그렇게 되는 것 같습니다. 감사합니다.
  • profile

    좋은 자료 잘 사용하도록 하겠습니다.
    감사합니다.

     

    첨부한 sw.js파일은 어디에 있나요?

    압축파일 안에도 없습니다.

     

    삭제하신 팁게시판의 글에서 sw.js파일 만들라고 했었는데 글을 삭제하셔서 ㅠㅠ

  • profile profile
    엇... 글 수정으로 들어가면 보이는데 밖에선 안보이네요.. js파일을 그냥 올려서 그런가?... 압축해서 올려뒀습니다.