为什么socket.io-client无法连接到RXJS订阅中?

时间:2020-03-28 20:52:44

标签: javascript typescript sockets socket.io rxjs

我正在尝试在可观察到的rxjs中接收到某个事件后启动socket.io连接。如果在订阅事件之外,则socket.io连接可以在startEventStream内部正常启动,但是当放置在订阅中时,即使事件正在触发,也永远不会调用套接字内部的回调。

function startEventStream(
  stateLoaded$: Observable<LoginEvent>
): Observable<AoEvent> {
  const socket = require('socket.io-client')('http://localhost:8003')
  const ret = new Subject<AoEvent>()
  const merged = merge(stateLoaded$, ret)

  const session = '895e17a0-6c2b-11ea-8d86-45f581e4b250'
  const token =
    'f3ccdd81c2ece391891cba4f7d4eb8466d3d44675dd70f11e21190ae13dfdf69'
  merged.subscribe({
    next(val) {
      process.nextTick(() => {
        if (val.type == 'state-loaded') {
          console.log('we should be connecting')  // this prints
          socket.on('connect', function() {
            console.log('connected') // this doesn't print
            ret.next({ type: 'socket-connected' })
            socket.emit('authentication', {
              session,
              token
            })
          })
        }
      })
    }
  })
  return ret
}

1 个答案:

答案 0 :(得分:0)

我通过将{ autoconnect: false }传递给套接字的初始化并在订阅内部执行socket.on()来使其工作。我认为在调用订阅函数之前,connect事件已被丢弃,因此回调从未触发。在内部启动连接即可​​解决问题。