SocketIO 설치방법

ID

66

status

Public

menu

Frontend

submenu

Php

tags

Socket

summary

thumbnail

date

Aug 1, 2024

SocketIO 서버에 설치 및 연결(server.js에 작성)

1. SocketIO 설치

npm i socket.io

2. SocketIO 임포트

import SocketIO from "socket.io";

3. socketIO 서버 만들기

const io = SocketIO(server);

4. 서버 listen 변경

io.listen(3000, handleListen);

5. 위 과정을 하므로써, Socket IO는 url을 줌 “/socket.io/socket.io.js”. 즉 loacalhost:3000/socket.io/socket.io.js로 가면 됨

2. socket io 서버 이벤트 리스터 등록(connection)

io.on("connection", (socket) => {
	console.log(socket);
});

SocketIO 클라이언트(브라우저)에 설치(home.pug에 작성) 및 연결(app.js에 작성)

설치

1. 위에서 준 socket.io/socket.io.js 추가하면 됨. 그러면 “io”라는 function 사용 가능. “io”는 자동적으로 백엔드 socket.io와 연결 해주는 function

script(src="/socket.io/socket.io.js") // home.pug에 작성

연결

1. socketIO를 프론트엔드와 연결

const socket = io();