유료기능 다운로드
- 회원
- 인기
- 300,000RP
- 멤버십 무료사용
- 최종 업데이트
- 2024.09.23 18:37
- 데모 확인방법
- 로그인 후 우측하단 버튼 클릭
- 1:1 채팅 (Ajax)
- Ajax를 활용한 회원간 실시간 1:1 채팅 입니다.
각종 폴링 설정과 세부설정, 채팅 모니터링 등의 기능을 제공 합니다.
대화상대의 온라인 여부를 체크하는 부분에서 $mb_id 변수가 잘못되어 수정하였습니다.
/rb/rb.mod/chat/chat.skin.php 77라인
2024.08.15 업데이트 1.3.5
extend 파일의 하단부 공백을 제거 하였습니다. (회원가입시 공백 alert를 방지 합니다.)
2024.07.31 업데이트 1.3.4
이미지 및 동영상을 첨부 했을때 클릭시 Lightbox 를 사용하도록 개선 되었습니다.
새로 첨부되는 이미지 및 동영상 부터 적용 됩니다.
앱에서 첨부된 이미지를 클릭했을때 백버튼을 클릭하면 채팅창이 닫히는 문제를 수정 하였습니다.
2024.07.31 업데이트 1.2.4
1:1 대화를 사용함으로 설정한 경우 회원 사이드뷰에 1:1대화 가 활성화 됩니다.
관리자모드의 회원 사이드뷰에도 적용 됩니다.
@Leegun 님께서 도움 주셨습니다.
관리자에게 1:1대화를 할 수 없던 부분은 임시제거 하였습니다. (추후 선택적 제공)
대화창을 사이드뷰로 열었을때 대화 레벨조건, 자신과의대화인지 를 추가적으로 체크하도록 개선 하였습니다.
2024.07.30 업데이트 1.1.4
PC의 경우 엔터키 입력시 메세지전송,
Mobile의 경우 엔터키 입력시 줄바꿈 으로 개선 되었습니다. (카카오톡 동일)
PC의 경우 줄바꿈은 shift+enter 로 처리할 수 있습니다.
2024.07.30 업데이트 1.1.3
주의! 리빌더 1.6.14 버전을 반드시 설치해주세요.
메세지관리 에서 전체 메세지갯수를 표기하도록 개선 하였습니다.
메세지 검색 이후 전체목록으로 돌아올 수 없던 문제를 수정 하였습니다.
채팅 버튼의 위치를 설정할 수 있도록 추가 하였습니다.
자신과는 대화를 할 수 없도록 수정 되었습니다.
상대방이 대화를 삭제 했을때 대화를 삭제 했다는 문구는 제거 되었습니다. (임시)
채팅 input의 워딩이 버튼뒤로 가려지던 문제를 수정 하였습니다.
채팅 input에 워딩 작성시 키보드의 엔터입력시 줄바꿈이 되도록 개선 하였습니다.
대화목록에서 대화상대의 활동여부를 확인하여 on/off 로 표기 됩니다.
2024.07.25 21:49 오류수정 1.0.2
1.0.1 수정 이후 관리자모드 > 좌측메뉴가 사라지는 문제를 수정 하였습니다.
2024.07.25 21:41 오류수정 1.0.1
extend 파일의 문제로 자동등록방지 이미지가 보이지 않던 문제를 수정 하였습니다.
설치방법
1. 압축 해제 후 그누보드가 설치된 경로로 업로드 해주세요.
2. 관리자모드 > 빌더설정 > 메세지 관리 페이지로 접근하시면 테이블이 자동생성 됩니다.
3. 채팅은 기본값으로 사용함 설정이 되어있으며, 운영 상황에 맞게 옵션을 변경하세요.
4. 메인 페이지 우측 하단부에 채팅 바로가기 아이콘을 클릭하면 대화 목록창이 오픈 됩니다.
5. 대화 목록창의 상단에 닉네임을 입력하고 + 버튼을 클릭하면 대화가 시작 됩니다.
라이선스 정책
본 기능은 라이선스 검증이 필요합니다. (8월중)
상세정보
1:1 채팅 (Ajax)
회원간 1:1 대화이며 쪽지와는 별개로 작동 합니다.
폴링을 활용한 실시간 대화가 가능합니다.
기능요약
* 폴링 주기 설정 (밀리초) (관리자전용)
* 파일업로드 확장자 설정 (관리자전용)
* 파일업로드 제한 용량 설정 (관리자전용)
* 대화 모니터링 (관리자전용)
* 자동삭제 기간설정 (관리자전용)
* 읽지않은 메세지의 경우 표기 (1)
* 메세지 개별삭제
* 메세지 전체삭제
* 신규메세지 푸시알림 지원
* 드래그 앤 드랍 파일첨부 지원
* 대화상대 검색 (닉네임/자동완성)
* 오래된 메세지 자동삭제
* 이미지 미리보기 지원
* 동영상 (mp4) 미리보기 지원
* 오디오파일 (mp3, m4a) 재생 지원
* (마켓오픈시) 판매자 상담 연동
* (마켓오픈시) 상담중인 상품 링크
* (마켓오픈시) 상담가능 시간 설정
* (추후 고도화) 친구추가
* (추후 고도화) 대화차단/해제
* (추후 고도화) 대화가능 최소 레벨 설정 (관리자전용)
* 이모지 입력은 현재 지원하지 않습니다.
조건부 폴링
타이핑이나 포커스 이벤트와 같은 사용자의 활동이 있을때만 서버에 요청합니다.
효율적인 데이터 갱신
서버에서 전체 채팅 기록을 다시 가져오지 않고 새 데이터만 가져옵니다.
사용자 행동 디바운싱
타이핑과 같은 빈번한 사용자 행동에 대한 디바운싱을 구현하여
불필요한 서버 요청을 줄입니다.
댓글목록
구매문의 : cs@false9.co.kr / 010-6466-3355
신청 이후 담당자가 개별연락 드리고 있습니다.
입금자명과 실제 입금자가 동일한 경우 자동처리 됩니다.
결제예정 금액 : 0 (VAT별도)
하나은행(KOEXKRSE) : 258-910104-00407 / 김은정(인덱스)
-
안드로이드 웹앱 및 푸시알림을 사용하기위한 A-Z!
잘 따라오시면 어렵지 않습니다.
1. FCM (Firebase Cloud Messaging) 세팅하기
1-1. 시작하기
https://console.firebase.google.com?hl=ko 으로 접속하여 [시작하기] 를 클릭합니다. FCM은 구글계정이 있으면 무료로 사용 가능 합니다.
1-2. 프로젝트 생성하기
[프로젝트 시작하기] 를 클릭합니다.
프로젝트의 이름을 설정합니다.
앱이름(사이트명, 상호명)을 영문으로 입력하는것이 가장 좋습니다.
입력하셨다면 [계속] 을 클릭해주세요.
애널리틱스 사용설정을 활성화 해주시고(선택사항)
[계속] 을 클릭해주세요.
애널리틱스 위치를 [대한민국] 또는 거주국가를 선택하시고 약관 동의 후 [프로젝트 만들기] 를 클릭해주세요.
프로젝트 생성이 완료 되었습니다. [계속] 을 클릭하시면 FCM메인페이지로 이동 합니다.
1-3. 앱 생성하기
이전 단계에서 프로젝트를 생성했습니다.
이제 프로젝트안에 안드로이드 앱을 생성해보겠습니다.
FCM 메인 중앙에 주황색 동그란 버튼이 3개 있습니다.
가운데에 있는 (안드로이드 로고) 버튼을 클릭해주세요.
버튼을 클릭하셨다면 앱등록 창이 오픈 됩니다.
안드로이드 패키지 이름 및 앱 닉네임을 입력하세요.
패키지 이름은 반드시 com.webview.앱영문명 으로 입력하셔야 합니다.
com.webview. 를 반드시 넣어주셔야 합니다.
입력 예) com.webview.rebuilder
앱 닉네임은 사이트명이나 상호명, 앱이름 등을 입력해주시면 됩니다.
디버그 서명은 입력하지 않아도 됩니다.
입력을 마치셨다면 [앱등록] 을 클릭해주세요.
다음페이지로 넘어간다면, 입력하신 패키지명 (com.webview.앱영문명) 을 메모장에 메모해주세요.
[google-services.json 다운로드] 버튼을 클릭하셔서 파일을 다운받아 주세요.
다운을 받으셨다면 [다음] 을 클릭해주세요.
Groovy(build.gradle) 선택하신 후 [다음] 을 클릭해주세요.
앱 생성이 완료 되었습니다.
[콘솔로 이동] 을 클릭하시면 메인으로 이동 됩니다.
1-4. 비공개 키파일 생성하기
거의 다왔습니다. 조금만 더 힘내세요.
저도 이거 작성하느라 무쟈게 힘들었습니다. 리빌더화이팅.
화면 상단에 아까 입력하신 이름으로 앱이 생성된게 보이신다면,
좌측 상단에 [프로젝트 개요] 메뉴 옆에 톱니바퀴 아이콘을 클릭하여
[프로젝트 설정] 으로 이동해주세요.
프로젝트 설정으로 오셨다면 상단 탭메뉴에서 [서비스 계정] 을 클릭하세요.
화면 아래쪽에 있는 [새 비공개 키 생성] 을 클릭하세요.
키파일은 버튼 클릭시 자동으로 다운로드 됩니다.
중요한 파일이므로 파일을 타인에게 공개하거나 해서는 안됩니다.
친절하게 중요한 파일임을 알려줍니다.
[키 생성] 을 클릭하면 json 파일이 다운로드 됩니다.
다운로드된 파일은 rebuilder-demo-a4cc0-firebase-adminsdk-au83h-41e4b5df03.json 과 같은식으로 저장됩니다.
이름이 너무 긴 관계로 임의파일명으로 변경해주세요.
가이드에서는 key.json 으로 설명하겠습니다.
이제 준비는 모두 끝났습니다!
바탕화면에 1-3에서 다운로드 했던 google-services.json 파일과,
방금 이름을 변경했던 key.json 파일이 있다면 잘 하셨습니다. (파일아이콘은 무시해주세요. 다를 수 있습니다.)
2. 리빌더 앱관리 설정하기
2-1. 파일 업로드하기
위 단계에서 이름을 변경했던 key.json 파일을 사용하시는 웹서버(웹호스팅)에 FTP 프로그램으로 접속하여 업로드 해주세요.
업로드 위치는 /data/push/key.json 입니다.
2-2. 앱관리 설정하기
관리자모드 > 빌더설정 > 앱관리 메뉴로 이동해주세요.
[앱관리] 메뉴가 없다면 리빌더 공식홈페이지 > 유료기능 다운로드 에서 [안드로이드 하이브리드 웹앱 + Push 알림] 기능을 다운로드 후 설치해주세요.
바로가기 > https://rebuilder.co.kr/membership/30
설치가 되셨다면 관리자모드 > 빌더설정 > 앱관리 메뉴로 이동해주세요.
스크롤을 내리시면 [FCM 설정] 섹션이 있습니다.
FCM 패키지명, FCM 프로젝트 ID, FCM 비공개키파일 항목을 모두 입력 하시고
[확인] 을 클릭해주시면 설정은 마무리 됩니다.
[FCM 패키지명]
1-3 에서 설정했던 com.webview.앱영문명 을 입력하시면 됩니다.
[FCM 프로젝트 ID]
1-4 에서 이동했던 [프로젝트 설정] 페이지로 이동하시면 내 프로젝트 섹션에서 확인하실 수 있습니다. (스샷참조)
[FCM 비공개키파일]
위에서 임의파일명으로 변경했던 파일명 key.json 을 입력하시면 됩니다.
고생하셨습니다. 모든 설정이 완료 되었습니다.
1-3 에서 다운로드 했던 google-services.json 파일은
신청서에 첨부해주셔야 합니다.
창을 닫아주시고, 신청을 계속해주세요!