와칸다님 채팅 설치법 > 자유게시판

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!

자유게시판

와칸다님 채팅 설치법 정보

와칸다님 채팅 설치법

본문

https://sir.kr/g5_plugin/5707

 

- 다운로드 받은 파일을 config.php 와 같은 위치에 적당한 이름(저는 chat2)으로 폴더를 만들어 업로드 합니다.

- 만든폴더/index.php 파일 내용중


<script src="./js/chatApp.js?ver=<?php echo G5_JS_VER ?>"></script>

를 다음과 같이 변경합니다.


<script>
<?php
$mb_img = '';
$member_img = G5_DATA_PATH.'/member_image/'.substr($member['mb_id'],0,2).'/'.$member['mb_id'].'.gif';
if (is_file($member_img)) {
    $mb_img = str_replace(G5_DATA_PATH, G5_DATA_URL, $member_img);
}
?>
var userId = '<?php echo $member['mb_id']; ?>';
var profile_img = '<?php echo $mb_img; ?>';
var chat_use = false;
</script>
<script src="./js/chatApp.js?ver=<?php echo G5_JS_VER ?>"></script>

 

- 만든폴더/websocket/app.js 파일을 열어 DB정보를 수정합니다.

- 터미널로 만든폴더/websocket로 들어갑니다.

 


npm install socket.io

를 실행합니다.

 


npm install mysql

를 실행합니다.

 


npm install express

를 실행합니다.

 


node app.js

를 실행합니다.(실제 서버실행 단계)

이때 터미널을 끄면 돌아가는 채팅이 함께 종료되니 켜둡니다.
(항시 실행은 screen이나 pm2를 검색 하셔서 이용하세요.)

 

다 됬으면 브라우저로 접속!

 

 

991707092_1563029553.1754.png

 

 

끝!

추천
17

댓글 31개

완전 감사합니다. 근데 한가지 해결하면 사람 욕심이 끝이 없다고 가위바이보가 안됩니다..ㅠㅠ 그래도 이정도면 만족스럽네요..감사해용..그리고 db 저장이 안된다는 단점이자 장점이 있네용..ㅋㅋ
1:1 채팅이 안돼요..ㅠㅠ
어딘가 옵션이 있을건데 이건 님께물어봐야합니다. 제가 만든게 아니라 ㅠ.ㅠ
드디어 덕분에 완벽하게 설치 처리 했습니다.
완전 감사합니다. 그 덕분에 노드 서버도 알게 되고 노드 스크립트 실행하는 방법도 찾아보고 많이 공부했네요..
너무 감사합니다. 님 이제 db 저장만 할 수 있음 참 좋겠네용..
/websocket/app.js 파일이 다 노출되는데 방법이 없을까요? 그리고 설치할때 /root/package.json 이 없다고 뜨네요.ㅠㅠ

해당 파일을 도큐먼트 루트 아래로 빼시면됩니다.
패키지는 따로 필요가 필요 없을건데..


/websocket/app.js
/public_html/그누보드파일
식으로 파일 위치를 잡으시고

websocket로 들어가서 다음과 같이 하세요.
npm init -y
npm install socket.io --save
npm install mysql --save
npm install express --save

node app.js(또는 pm2 start app.js)
js/chatApp.js 첫줄인

var chat = io.connect("ws://localhost:8080/chat?userId="+userId+"&profile_img="+profile_img);

이부분은 안건드려도 되나요?

그 부분 때문에
<script>
<?php
$mb_img = '';
$member_img = G5_DATA_PATH.'/member_image/'.substr($member['mb_id'],0,2).'/'.$member['mb_id'].'.gif';
if (is_file($member_img)) {
    $mb_img = str_replace(G5_DATA_PATH, G5_DATA_URL, $member_img);
}
?>
var userId = '<?php echo $member['mb_id']; ?>';
var profile_img = '<?php echo $mb_img; ?>';
var chat_use = false;
</script>
를 추가했습니다
var chat = io.connect("ws://localhost:8080/chat?userId="+userId+"&profile_img="+profile_img);

웰컴님 localhost 호스트를 본인 서버의 아이피로 바꿔보세요..그럼 됩니다..저도 엄청 일주일을 끙끙하다가 성공했거든요...꼭 성공하세요..
전체 196,895 |RSS
자유게시판 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT