node.js - io.socket 소켓 통신 연동

소켓통신 연결 함수

 

서버측

const _socketIo = async (req, res, next) => {

console.log('_socketIo >>> ');

io.on('connection', function (socket) {

console.log(socket.id, 'Connected');

 

// 해당 이벤트를 받고 콜백함수를 실행

socket.on('msg', function (data) {

console.log(socket.id, data);

 

socket.emit('msg', `Server : "${data}" 받았습니다.`);

});

 

// 이벤트 명을 지정하고 메세지를 보낸다.

socket.emit('msg', `${socket.id} 연결 되었습니다.`);

});

}

 

var http = require("http");

var app = express();

var io = require('socket.io')(http);

 

app.listen(8080, function() {

console.log("start! server on port 8080");

_socketIo();

});

 

--> 해당 코드로는 클라이언트에서 소켓 통신 연결을 시도해도

GET /socket.io/?EIO=4&transport=websocket 404 에러발생함.

 

 

-> 다음과 같이 수정하니 작동함

// var io = require('socket.io')(http);

var httpServer = http.createServer(app);

var io = require('socket.io')(httpServer);

 

httpServer.listen(8080, function() {

 _socketIo();

 });

 

 

 

** 클라이언트 사이드, 플러터 코드

 

 

 

 아래와 같은 방식으로 접속,

// _socket = IO.io('ws://호스트:8080',
//     IO.OptionBuilder()
//         .setTransports(['websocket']) // for Flutter or Dart VM
//         .disableAutoConnect()  // disable auto-connection
//         .setExtraHeaders({'foo': 'bar'}) // optional
//         .build());

// _socket = IO.io('http://호스트:8080');
//  _socket = await IO.io('ws://호스트:8080');

// _socket.connect();​

 

 

 

아래와같이 전송과 수신도 가능하다.

_socket.emit('msg', 'flutter 에서 테스트 메세지 전송');
_socket.on('event', (data) => debugPrint(data));

 

 

 

참조

 

https://stackoverflow.com/questions/70421655/get-socket-io-not-found-404

GET/ socket io not found 404

 

 

 

 

https://111coding.tistory.com/5

플러터 웹소켓 채팅 Flutter WebSocket Chat (Stomp)