WebSocket使用SockJS原来可以这么简单（附Spring实现完整实例）

基于 SockJS 的 WebSocket
在学习 《Spring实战》 第18章的时候才知道，原来在不支持WebSocket的情况下，也可以很简单地实现WebSocket的功能的，方法就是使用 SockJS。它会优先选择WebSocket进行连接，但是当服务器或客户端不支持WebSocket时，会自动在 XHR流、XDR流、iFrame事件源、iFrame HTML文件、XHR轮询、XDR轮询、iFrame XHR轮询、JSONP轮询 这几个方案中择优进行连接。

幸运的是，我们不需要知道这些方案都代表什么，只需要简单地设置就可以使用了。

服务端
在启动WebSocket的配置中，你需要做的所有事情就是加上 withSockJS()

@Override
public void registerWebSocketHandlers(WebSocketHandlerRegistry webSocketHandlerRegistry) {
// withSockJS 声明启用支持 sockJS
webSocketHandlerRegistry.addHandler(marcoHandler(), "/echo").withSockJS();
}

客户端
在客户端需要引入SockJS库，然后把 new WebSocket(url); 替换成 new SockJS(url);

SockJS类和WebSocket类是兼容的，所以可以直接替换

var sock = new SockJS(url);

需要做的事情就是这么多

效果展示
支持WebSocket
当浏览器和服务器都支持 websocket 的时候，直接使用websocket连接

 

 

 

不支持WebSocket
不支持WebSocket的场景有：

浏览器不支持
Web容器不支持，如tomcat7以前的版本不支持WebSocket
防火墙不允许
Nginx没有开启WebSocket支持
当遇到不支持WebSocket的情况时，SockJS会尝试使用其他的方案来连接，刚开始打开的时候因为需要尝试各种方案，所以会阻塞一会儿，之后可以看到连接有异常，那就是尝试失败的情况。

为了测试，我使用Nginx做反向代理，把www.test.com指到项目启动的端口上，然后本地配HOST来达到模拟真实场景的效果。因为Nginx默认是不支持WebSocket的，所以这里模拟出了服务器不支持WebSocket的场景。

 

 

 

完整实例
完整的实例已经上传到GitHub上，你可以查看。如果对你有帮助，记得 Star 哦！

https://github.com/dadiyang/springws
————————————————
版权声明：本文为CSDN博主「dadiyang」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/dadiyang/article/details/83715569