콘텐츠 수 48

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

무료

0점 / 총 0명 참여
  • 구매자 0
  • 분류 모듈
  • 상품카테고리 모듈 
  • 상태 판매중 
  • 소개 회원간 실시간 채팅을 할 수 있는 모듈입니다. 
  • 설치경로 modules 및 addons(선택) 
  • 버전 0.9 
  • 라이센스 기타 
  • 개발자 코드자카 
  • 구매 페이지 https://xetown.com/point_contents/1545338?page=6 
  • 다운로드
    codejaka_talk_notification_0.9.zip 56.72KB (잔여일 : -, 잔여횟수 : -)
    codejaka_talk_0.9.1.zip 416.41KB (잔여일 : -, 잔여횟수 : -)
파일 이름 용량 잔여일 잔여횟수 상태 다운로드
codejaka_talk_notification_0.9.zip 56.72KB - - - 다운로드
codejaka_talk_0.9.1.zip 416.41KB - - - 다운로드

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)을 이용해 주세요.

옵션 검색
List of Articles
번호 분류 제목 평점 포인트
공지 상품 커스터마이징 건에 대해서
공지 이온디샵에서 개발자/디자이너 여러분의 컨텐츠를 판매하세요.
공지 포인트샵 오픈마켓입니다. 구매를 원할 경우 포인트를 충전해주세요.
20 레이아웃 EL Jetbrains Layout 100P
19 레이아웃 Vanilla Layout 100P
18 레이아웃 KUL 레이아웃 100P
17 레이아웃 Whatfishisit Layout 100P
16 레이아웃 이온디 베이직 레이아웃 MD추천 200P
15 레이아웃 노리터 레이아웃 MD추천 100P
14 레이아웃 [EOND] NewSite Layout MD추천 200P
13 레이아웃 [EOND] MyNote MD추천 100P
12 레이아웃 더케이(THE K) 레이아웃-비즈니스 라이센스 MD추천 1,580P
11 레이아웃 더케이(THE K) 레이아웃-일반 라이센스 MD추천 780P
10 레이아웃 수트(SUIT) 레이아웃-비즈니스 라이센스 MD추천 1,280P
9 레이아웃 수트(SUIT) 레이아웃-일반 라이센스 MD추천 480P
8 레이아웃 루트(ROOT) 레이아웃-비즈니스 라이센스 MD추천 1,080P
7 레이아웃 루트(ROOT) 레이아웃-일반 라이센스 MD추천 380P
6 레이아웃 [시즌2] 해피타운 MD추천 500P
5 레이아웃 이온디 덴티스트리 MD추천 3,000P
4 레이아웃 이온디 임구르 MD추천 100P
3 레이아웃 이온디 큐뮬러티브 MD추천 300P
2 레이아웃 eondFlea Layout MD추천 1,500P
1 레이아웃 tiersil Layout MD추천 3,000P
닫기

마이페이지

로그인을 해주세요

네이버로 로그인