스크린샷 이미지가 없습니다
스크린샷 이미지가 없습니다
스크린샷 이미지가 없습니다
스크린샷 이미지가 없습니다
스크린샷 이미지가 없습니다
스크린샷 이미지가 없습니다
좋아요
상품 소개

codejaka_talk_notification_0.9.zip codejaka_talk_0.9.1.zip 

Pusher라는 외부 라이브러리를 활용하여 홈페이지 회원간 실시간 채팅을 할 수 있는 모듈입니다. 이 모듈을 사용하기 위해서는 Pusher(https://pusher.com/)에서 API키를 발급받아 모듈 설정에 입력해야 합니다.

 

하루에 20만건까지는 무료로 제공되고 있어 소규모 커뮤니티 정도는 무리없어 보입니다.

 

- Pusher API키 발급

(타사의 이미지를 넣어도 되는지 몰라서 우선 없이 글로만 설명드립니다. 문제없으면 이미지를 추가하겠습니다.)

1. https://pusher.com/ 에 접속 및 회원가입이 필요합니다.

 

2. Products->CHANNELS로 이동합니다.

 

3. (2)화면에서 Create app을 클릭하여 새로운 앱을 생성합니다.

3-1. Name your app입력 및 Select a cluster(ap3)선택 후 Create app버튼을 클릭하면 완료.

 

4. 생성된 앱페이지 왼쪽 메뉴에서 App Keys를 클릭해 아래와 같이 정보를 확인합니다.

app_id = "117****"

key = "b3f9ba7985d2********"

secret = "29917a95512b********"

cluster = "ap3"

 

5. (4)에서 생성한 Key값들을 모듈설정의 각각 항목에 입력합니다.

 

- 회원 채팅 시작은 닉네임을 클릭하면 나오는 팝업에서 '톡톡'을 클릭하면 시작할 수 있습니다.

 

- 진행중인 채팅은 마이페이지 '톡톡 리스트'탭에서 확인할 수 있고, 최근 대화 내용을 클릭하면 해당 채팅룸에 접속할 수 있습니다. 대상 닉네임을 클릭해서 나오는 팝업창에서 톡톡을 클릭하면 해당 채팅룸에 접속할 수 있습니다.

 

- 외부 라이브러리를 사용하므로 별도의 채팅서버 필요없이 웹호스팅 환경에서도 사용이 가능합니다.

- 채팅화면은 새창(팝업)으로 뜹니다.

- 상대방 닉네임을 클릭시 팝업기능 됩니다. (쪽지 보내기, 친구 등록, 회원정보 보기 등)

- 상대방이 읽지 않은 메세지는 점으로 표시됩니다.

- 읽지 않은 메세지는 클릭시 삭제하거나 재전송, 쪽지보내기(준비중)를 할 수 있습니다.

- 상대방이 대화를 입력하는지 말풍선으로 표시합니다.(삭제)

- 톡알리미 애드온을 함께 사용하면 대화중이 아닌경우 새로운 대화가 도착하면 알려줍니다.

- 앱의 경우 푸시알림이 가능합니다.(앱버전용)

- 자세한 내용은 샘플 영상을 참고해 주세요.

- PHP 5.6, 7.0, 7.1+ 지원합니다.

- 카페24호스팅, PHP 7.3, 라이믹스 2.0.8 환경에서 테스트 하였습니다.

(이전 버전에서는 동작하지 않을 수 있습니다.)

- 소스코드중 일부는 암호화 되어 있습니다. 일반적인 호스팅 사용에는 Loader 가 설치되어 있지만, 독립서버 사용시에는 Loader 설치가 필요합니다.

 

http://talk.codejaka.com 에서 테스트 가능합니다.

각각 다른 브라우저나 장치에서 접속하여 테스트 하시면 됩니다.

테스트유저1 : test1(아이디)/test(패스워드)

테스트유저2 : test2(아이디)/test(패스워드)

 

- 복잡한 보안이 적용된것은 아니니, 가볍게 사용하시는 용도로 권장합니다.

- 스킨 내 fancybox 라이브러리가 있으니 레이아웃에서 사용중인경우 스킨 경로에서 삭제해 주세요.

- 앞으로 계속 업데이트 됩니다. (비밀채팅, 그룹채팅, 파일전송, 푸시알림 등)

- 버그 및 개선사항 그밖에 문의사항은 댓글/쪽지/이메일(yj634862@gmail.com)을 이용해 주세요.

실시간 채팅 모듈 (Pusher 활용)

회원간 실시간 채팅을 할 수 있는 모듈입니다.
0원
free
라이선스 URL 입력
구매포인트 free
구성품
분류
모듈
개발자
코드자카
설치경로
modules 및 addons(선택)
구매URL
https://xetown.com/point_contents/1545338?page=6
설치에 도움이 필요하신가요?
도움이 필요하시면 지원 서비스를 이용해보세요. 전문가가 도와드리겠습니다.
전문가 지원 서비스 내용
  • 설치 및 설정
  • 간단 CSS 커스터마이징
전문가 지원 서비스 신청하기
리뷰