💬NodeJs WebSocketS 채팅 앱

초간단 채팅 어플리케이션을 만들고 싶다면 물론 절대 1위인 socket.io를 사용해야 합니다.
프런트엔드와 백엔드에서 WebSocket API를 사용할 수도 있습니다.

웹소켓 클라이언트

WebSocket 개체는 서버에 대한 WebSocket 연결을 만들고 관리하기 위한 API를 제공합니다.
뿐만 아니라 연결에서 데이터를 송수신합니다.

클라이언트 측에서 먼저 WebSocket 연결을 생성해야 합니다.

const socket = new WebSocket('ws://localhost:8080');

이벤트

addEventListener()를 사용하여 세 개의 이벤트 리스너를 생성해야 합니다.

첫 번째 '오픈' 이벤트,
WebSocket과의 연결이 열리면 시작됨,

'닫기' 이벤트에 대한 두 번째 항목
WebSocket과의 연결이 닫힐 때 시작됨,

및 '메시지' 이벤트의 마지막 항목인
WebSocket을 통해 데이터를 수신하면 시작됩니다.

socket.addEventListener('open', function (event) {
    socket.send('Hello Server!');
});

socket.addEventListener('message', function (event) {
    console.log('Message from server ', event.data);
});

서버 측의 WebSocket

백엔드에서는 WebSocket 기술을 사용할 수도 있고 NodeJs에서는 설치할 수 있습니다.
ws library
구현하기가 매우 쉽습니다. 설치하려면 이 명령을 수행하십시오.

npm i ws

WebSocket 서버 'wss' 가져오기 및 생성

import WebSocket, {WebSocketServer} from 'ws';

const wss = new WebSocketServer({port:8080});

연결을 수신하고 문자열 또는 개체 환영 메시지를 보냅니다.

wss.on('connection', (ws, req)=>{

 ws.send(JSON.stringify({time: datetime, message:`💬 Welcome from the Server 🎉.`}));
});

이 비디오 가이드에서 매우 간단한 구현을 볼 수 있습니다. 좋은 하루 되세요!

Video Guide
🆗 👋