Socket.io 통신에서 이벤트명을 모를 때

Socket.io 서버에서 데이터를 전송받으려면 정의된 엔드포인트(예: HOST/some-end-point)에 접속한 다음 정의된 이벤트(예: some-event)에 콜백을 바인딩해야 한다.

io.connect('HOST/some-end-point').on('some-event', function (data) { ... });

그런데 함께 작업하던 서버 측이 API 문서를 제대로 제공하지 않아 이벤트명이 무엇인지 알 수 없었다. API와 문서를 수정해 달라고 요구하는 것이 올바른 방법이겠지만 시간이 없어 임시방편을 썼다. 직접 패킷을 조사해서 데이터 원문을 조사하는 방법과 Socket.io 라이브러리가 모든 이벤트에 반응하도록 하는 방법 정도가 있겠다. 특히, Socket.io가 모든 이벤트에 반응하도록 하면, 이벤트명을 몰라도 통신 데이터를 수신 처리할 수가 있고 이벤트명도 알아낼 수 있다.

Socket.io 문서를 찾아보았지만 아쉽게도 Socket.io 에는 모든 이벤트에 동작하도록 하는 기능은 없었다. 이런 기능을 이용하려면 Socket.io 코드를 고쳐야 한다.

다행히도 스택 오버플로의 문서 http://stackoverflow.com/questions/10405070/socket-io-client-respond-to-all-events-with-one-handler 에 이런 기능을 오버라이딩한 코드가 공개되어 있었다.

아래와 같이 socket 이라는 변수에 소켓통신 객체를 바인딩 해 두었을 때,

var socket = io.connect('HOST/some-end-point');

이렇게 하면 수신 이벤트명과 수신 데이터를 확인할 수 있다.

var original_$emit = socket.$emit;
socket.$emit = function() {
    var args = Array.prototype.slice.call(arguments);
    original_$emit.apply(socket, ['*'].concat(args));
    if(!original_$emit.apply(socket, arguments)) {
        original_$emit.apply(socket, ['default'].concat(args));
    }
}

socket.on('*',function(event, data) {
    console.log('Event received: ' + event + ' - data:' + JSON.stringify(data));
});