실시간 채팅 모듈 (Pusher 활용) |
등록일 | 2023-03-31 |
---|
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)을 이용해 주세요.