javascript - 带有 Websockets 的 Redux-thunk

Question

我想在某些组件想要订阅数据时按需创建一个websocket。如何以 redux 方式共享 websocket 实例？

Action .js

export function subscribeToWS(url) {
   return dispatch => {
      let websocket = new WebSocket(url)
      websocket.on('connect', () => {
         websocket.send("subscribe") 
      }
      websocket.on('message', (message) => {
        dispatch(storeNewData(message))
      }
   } 
}

我可以做这样的事情，但这需要为每个新订阅创建一个新实例。

Answer 1

放置诸如持久连接对象之类的东西的标准位置是在中间件内。而且，事实上，有数十种现有的中间件可以证明这种方法，其中大部分都列在 https://github.com/markerikson/redux-ecosystem-links/blob/master/middleware.md#sockets-and-adapters 中。 .您应该能够按原样使用其中一些，或者至少作为示例。