关于Spring Boot WebSocket整合以及nginx配置详解

网友投稿 824 2023-04-07


关于Spring Boot WebSocket整合以及nginx配置详解

前言

本文主要给大家介绍了关于Spring Boot WebSocket整合及nginx配置的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。

一:Spring Boot WebSocket整合

创建一个maven项目,加入如下依赖

spring-boot-dependencies

1.4.0.RELEASE

import

pom

org.springframework.boot

spring-boot-starter-web

org.springframework.boot

spring-boot-starter-websocket

代码如下:

package com.wh.web;

import org.springframework.web.socket.TextMessage;

import org.springframework.web.socket.WebSocketSession;

import org.springframework.web.uQMuNwNsocket.handler.TextWebSocketHandler;

public class CountWebSocketHandler extends TextWebSocketHandler {

private static long count = 0;

protected void handleTextMessage(WebSocketSession session, TextMessage message) throws Exception {

session.sendMessage(new TextMessage("你是第" + (++count) + "位访客"));

}

}

package com.wh.web;

import org.springframework.context.annotation.Configuration;

import org.springframework.web.socket.config.annotation.WebSocketConfigurer;

import org.springframework.web.socket.config.annotation.WebSocketHandlerRegistry;

@Configuration

public class WebsocketConfiguration implements WebSocketConfigurer {

public void registerWebSocketHandlers(WebSocketHandlerRegistry registry) {

registry.addHandler(new CountWebSocketHandler(), "/web/count");

}

}

package com.wh.web;

import org.springframework.boot.SpringApplication;

import org.springframework.boot.autoconfigure.SpringBootApplication;

import org.springframework.web.socket.config.annotation.EnableWebSocket;

@EnableWebSocket

@SpringBootApplication

public class ServerApp {

public static void main(String[] args) {

SpringApplication.run(ServerApp.class, args);

}

}

application.properties 内容如下:

server.port=9080

spring.resources.static-locations=classpath:/webapp/html/

src/main/resources/webapp/html/index.html  内容如下:

<title>web socket

最后,启动main方法,访问http://127.0.0.1:9080/index.html即可看到输出

二:nginx配置

nginx 通过在客户端和后端服务器之间建立起一条隧道来支持WebSocket。

为了使nginx可以将来自客户端的Upgrade请求发送给后端服务器,Upgrade和Connection的头信息必须被显式的设置。如下所示:

location /web/count {

proxy_pass http://tomcat-server;

proxy_redirect off;

proxy_http_version 1.1;

proxy_set_header Upgrade $http_upgrade;

proxy_set_header Connection "upgrade";

proxy_set_header Host $host:$server_port;

proxy_set_header X-Real-IP $remote_addr;

proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

}

一旦我们完成以上设置,nginx就可以处理WebSocket连接了。

注意:必须要有  proxy_set_header Host $host:$server_port;   这个配置

否则,会报:WebSocket connection to 'ws://192.168.1.104:9080/web/count' failed: Error during WebSocket handshake: Unexpected response code: 403的错uQMuNwN误

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对我们的支持。


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:vue父子组件的嵌套的示例代码
下一篇:浅谈Angular4实现热加载开发旅程
相关文章

 发表评论

暂时没有评论,来抢沙发吧~