WS
-
[Next.js] ws 라이브러리를 이용한 WebSocket 구현Next.js 2024. 10. 11. 14:07
버전 정보Next.js : 14.2.5ws : 8.18.0 구조App Router 이번에는 채팅 서비스를 구현 해보려고 한다.이전에 블로그에 기술했던 socket.io가 아닌 ws로 websocket 통신을 구현해보았다. 먼저 필요한 라이브러리들을 설치해준다.npm install ws bufferutil utf-8-validate※ 여기서 bufferutil을 설치하지 않으면 서버쪽에서 아래와 같은 오류가 발생한다.TypeError: bufferUtil.unmask is not a function 아래는 서버 및 클라이언트 측 코드이다.서버 코드// app/api/ws/route.tsimport { NextResponse } from 'next/server'import { WebSocketServer, ..