postman websocket_基于 websocket 的多端桥接平台

我们现在的业务是基于新闻客户端实现的，都要经过新闻客户端的环境，进行前后端数据上的交互。但是我们在调试过程中，非常的不方便。

通常使用的工具有：modheader, postman, fiddler 等，但这些工具都会存在的问题：

1. 缺少客户端里相应的设备信息；
2. 即使将 cookie 信息复制出来，也是存在过期的问题；
3. 多个设备之间切换时不方便；

针对这些存在的问题和不足，我基于 websocket 双向通信的特点，并实现了“多端桥接管理平台”：通过在 PC 端上的操作，可以直接在新闻客户端内直接执行相应的命令，并将结果、cookie、设备信息等一起返回到 PC 端。

1. 要调试什么

我们主要要知道调试什么，最终回去到什么样子的结果：

1. 调试接口，传入接口地址，即可获取对应的结果；并且可以同时调试多个设备；
2. 调试 jsapi，输入对应的方法，则即可在新闻客户端中展示出效果。

在调试接口方面，其实我们有一种方法可以方便地进行调试，但有两个限制条件：Android系统和测试版的客户端，这样通过 Chrome 浏览器进行桥接。但这种方式，在 iOS 系统和正式版的客户端中，就失效了。

2. websocket 的特性

WebSocket 协议的最大特点就是，服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息，是真正的双向平等对话，属于服务器推送技术的一种。

其他特点包括：

1. 建立在 TCP 协议之上，服务器端的实现比较容易。
2. 与 HTTP 协议有着良好的兼容性。默认端口也是 80 和 443，并且握手阶段采用 HTTP 协议，因此握手时不容易屏蔽，能通过各种 HTTP 代理服务器。
3. 数据格式比较轻量，性能开销小，通信高效。
4. 可以发送文本，也可以发送二进制数据。
5. 没有同源限制，客户端可以与任意服务器通信。
6. 协议标识符是 ws（如果加密，则为 wss），服务器网址就是 URL。

3. 建立 socket 连接

为了满足我们在第 1 部分设置的调试目标，我们这里要实现的功能有：

1. PC 端相当于房主，建立房间后，其他设备可以进入到该房间，一个设备只能进入到一个房间中；
2. 客户端有断线重连的机制，当客户端断开连接后，可以尝试重连；
3. 服务端维护一个心跳检测的机制，当有新设备进入或者之前的设备退出时，要及时地更新当前房间中的设备列表；

3.1 如何创建房间

在浏览器上输入房间的标识，若浏览器与服务端成功建立起 websocket 连接后，则在浏览器端创建对应的二维码。用微信/手 Q 或者其他扫描二维码的设备进行扫描，即可通过提前设定的 scheme 协议，跳转到新闻客户端里对应的调试页面。

若客户端里也与服务端成功建立 websocket 连接后&