웹소켓 [Socket.IO] 사용법

개념정리
Express와 가장 많이 사용하는 웹소켓 라이브러리인 Socket.IO

서버와 실시간 양방향 통신을 할수있음

 

설치 방법

터미널에 npm install socket.io 입력

 

사용 세팅법

1 . 서버파일 상단에  세팅코드 입력

const { createServer } = require('http')
const { Server } = require('socket.io')
const server = createServer(app)
const io = new Server(server)

 

2 . app.listen(어쩌구) 라고 써은던 코드를 server.listen(어쩌구)으로 바꿔셈

app.listen(생략)
server.listen(생략)

 

 

3 . 웹소켓 사용을 원하는 html 파일에 이걸 넣어서 socket.io 라이브러리 설치

<script src="https://cdn.jsdelivr.net/npm/socket.io@4.7.2/client-dist/socket.io.min.js"></script>
<script>
  const socket = io() 
</script>

 

 

사용법 정리

io.on [ 이벤트리스너 ]

서버는 누가 웹소켓 연결시 특정 코드를 실행하고 싶으면 위처럼 작성해두면 됩니다.

io.on('connection', (socket) => {
  console.log('websocket 연결됨')
})