首页 > 编程知识 正文

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

时间:2023-05-04 11:14:11 阅读:226053 作者:3331

基于 SockJS 的 WebSocket

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

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

服务端

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

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

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

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

<script type="text/javascript" src="/resources/js/sockjs-1.0.0.min.js"></script>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

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。