음악, 삶, 개발

보통 client 가 server 에 접속시, path 모듈을 이용해 index.html 이 포함된 폴더를 client 하게 넘기게된다. 이렇게 하기위해서는 결국 client 에서 build 를 해놔야하는데, 개발중에는 매번 빌드하는것이 매우 번거러운 일이다. 따라서 개발시에는 Backend 서버와 FrontEnd 서버 (Vite 같은것) 가 동시에 실행된 상황에서, FrontEnd 속 socket.io-client 는 BackEnd 서버로 접속할수있게 해야한다. Vite 같은경우 npm run dev 를 하였을때, 기본적으로 3000 으로 접속하게된다. Backend 서버가 8000 포트를 사용하고, Frontend 서버가 3000 을 사용하고있다고 해보자. /* back_end_server.js */..

/* server.js */ const maxApi = require('max-api') const express = require('express') const app = express() const port = 8000 const server = app.listen(port) const io = require('socket.io')(server) const folderName = 'dist' // 사용자가 접속했을때 제공할 폴더. (Vue 로 build 한 폴더) app.use(express.static(folderName)) // 사용자가 접속했을때 메세지 보냄. io.on("connection", (socket) => { socket.emit('Max', 'Welcome to Max!') }); ..

const message = { a : 'Hello', b : 'World', c : [1, 2, 3, 4], d : { something : 'cool' }, e : 45.24 } io.emit('철수', message)

/* server.js */ const maxApi = require('max-api') maxApi.addHandler('message', (index, value) => { const message = { index : index, value : value, } io.emit('Channel', message) })