如何在React功能组件中使用端口的RESTful回调构造Websocket连接

问题描述

在通过页面加载时通过RESTful调用加载套接字端口的React应用中，构建Websocket连接的正确方法是什么？

1. 用户加载React App
2. RESTful GET请求套接字端口（获取） http://example.com:1234/port //-> {“端口”：9999}
3. 根据响应构造websocket URI
4. 连接（本地ws或socket.io-connect）
5. 设置回调（onmessage）
6. 显示器连接状态。如果断开连接，尝试重新连接

...全部都在功能应用程序内。

主要问题是：

1. ws端口的RESTful调用的同步。在这里，我正在考虑一个承诺[Ref 0]？

2. 套接字在每个渲染器上重新连接。 onmessage中的调用使用钩子，因此必须在函数主体中。这里可能是在重新连接之前进行ws状态检查？ [参考文献1]

它的结构如何正确？

我还在考虑专门用于处理ws连接的单独的类或函数。

@H_404_36@

Javascript - Using Promises on Websocket?

What is best practice to websocket reconnect in react?

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）