채팅앱 만들어보기 (1) - node서버 구성

Kim Young Jae·2023년 5월 27일
0

가장 먼저 레포지를 만들고 시작하겠습니당

레포지는 각자 잘 만드십시오 저는 백엔드코드와 프론트코드를 같이 관리 하겠습니다.

한 레포지토리에 같이 관리를 해본적은 없는데 뭐 문제 생기면 나중에 수정해보도록 하겠습니다

시작

npm init
npm i express ws 

app.js를 생성하고 아래에 입력하면 끝

app.js

const express = require("express");
const { WebSocketServer } = require("ws");

const app = express();
const wss = new WebSocketServer({ port: 8001 });

wss.on("connection", (ws) => {
  ws.on("message", (data) => {
    wss.clients.forEach((client) => {
      console.log(`receive message: ${data}`);
      client.send(`${data}`);
    });
  });

  ws.on("close", (code, reason) => console.log("Client has disconnected!", code, reason));

  ws.onerror = () => {
    console.log("websocket error");
  };
});

app.listen(8000, () => {
  console.log(`app listening on port 8000`);
});

위에 코드로 가장 기본적인 웹소켓 서버를 열었다 나름 쉬운듯? 근데 이렇게 하나하나 다 포스팅을 하게되면 이거 엄청난 양이 될거같은데... 이게 맞나?

소스코드보기

profile
프론트엔드 뭐시기 주로 하는 사람

0개의 댓글