[Next.js] socket.io 포트 관리 하는법

노호준·2024년 5월 9일

socket 통신에서 node.js 서버와 client 서버를 실행하면 다른 포트를 부여받기 때문에

  1. npm run start로 node.js서버를 실행 => localhost:3000번에 실행됨
  2. npm run dev로 client 서버를 실행 => localhost:3001번에 실행됐을 때
//server

const io = require("socket.io")(3000,{      //socket.io서버는 localhost:3000에서 클라이언트 연결을 기다림
    cors: {
        origin: "http://localhost:3001", //socket.io서버가 localhost:3001에서 실행되는 클라이언트 웹의 접근을 허용
        methods: ["GET", "POST"],
},
});
//client

 useEffect(() =>{
   const socket = io('http://localhost:3000') //3000번에 열린 socket.io서버에 연결
   setSocket(socket)
 },[])

0개의 댓글