[Node.js] 웹소켓 (WebSocket)

01 웹소켓 (WebSocket)

• websocket이란 웹 서버와 웹 브라우저간 실시간 양방향 통신환경을 제공해주는 실시간 통신 기술.
• http 는 웹상에서 데이터를 주고 받는 프로토콜(약속, 규정, 규약) 인데 웹 소켓이라는 프로토콜도 있음.
• http 는 요청과 응답을 번갈아 주고받는 방식으로 통신을 주고 받음!
• 웹 소켓은 연결이 유지된 상태에서는 자유롭게 통신을 주고 받음!
• 프론트엔드에서는 자바스크립트에 내장된 웹소켓 생성자로 객체를 생성할 수 있음.
• 노드 백엔드에서는 웹소켓 이용에 사용할 수 잇는 패키지를 설치하여 이용해야 함.

 

 

 

 

 

 

02 설치

npm install ws

 

 

 

 

 

03 기본 코딩

• app.js

const express = require('express') // express 서버 만듦
const WebSocket = require('ws')
const http = require('http') // 노드 기본 내장 서버 모듈 http!

const app = express()

// 서버는 익스프레스, 프론트는 pug!
app.set("view engine", "pug")
app.set("views", __dirname + "/views")

app.get("/", (_,res) => res.render("home"))

const server = http.createServer(app)
const wsServer = new WebSocket.Server({ server }) // 생성자

// 웹 소켓 서버에 무슨 일이 일어났을 때!
wsServer.on("connection", () => { console.log("Connected!") })
server.listen(3002, () => console.log("running..."))

 

views

• home.js