为网络创建自定义 Rxjs Observable

Question

我是 Rxjs 的初学者，我正在做一个游戏项目，有一个网络工具是：

通过 function sendPacket发送，服务器响应功能onReceived

sendPacket: function(packet) {
  this._tcpClient.sendToServer(packet);
}
onReceived: function (pkg) {
}

我想重构当前的网络结构，如 Angular HttpClient: sendPacket return an Observable我只需要像这样subscribe ：

network.sendPacket(myPacket).subscribe(response => ...)

我怎样才能实现这个想法？ 太感谢了

Answer 1

如果我正确理解您的问题，那么问题在于您的 onReceived 是一个“全局” function ，它与数据包的发送没有直接关联。 您需要在其中存储观察者以供以后使用，以便在 onReceived 中访问它。 就像是：

let savedObserver = null;

sendPacket: function(packet) {
  return new Observable(observer => {
    this._tcpClient.sendToServer(packet);
    savedObserver = observer;
  })
}

onReceived: function (pkg) {
  if (savedObserver) {
    savedObserver.next(pkg);
    savedObserver.complete();
    savedObserver = null;
  }
}

但是，以上假设一次只能有 1 个请求。 为了允许多个并行请求，您需要为每个请求存储一个可观察对象，然后能够将响应链接到请求并找到正确的可观察对象。

Answer 2

这篇文章有答案，它是为绝对初学者准备的，所以你应该抓住一切。

如果您只对发出请求的 Observable 感兴趣，请向下滚动到最后

https://justeugen.medium.com/rxjs-for-beginners-1-c87f92f4a9d2