服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - Java教程 - 关于Spring Boot WebSocket整合以及nginx配置详解

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

2020-12-30 11:10西夏一品堂 Java教程

这篇文章主要给大家介绍了关于Spring Boot WebSocket整合以及nginx配置的相关资料,文中通过示例代码给大家介绍的非常详细,相信对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习下吧。

前言

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

一:Spring Boot WebSocket整合

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

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<dependencyManagement>
 <dependencies>
  <dependency>
   <groupId>org.springframework.boot</groupId>
   <artifactId>spring-boot-dependencies</artifactId>
   <version>1.4.0.RELEASE</version>
   <scope>import</scope>
   <type>pom</type>
  </dependency>
 </dependencies>
</dependencyManagement>
 
<dependencies>
 <dependency>
  <groupId>org.springframework.boot</groupId>
  <artifactId>spring-boot-starter-web</artifactId>
 </dependency>
 <dependency>
  <groupId>org.springframework.boot</groupId>
  <artifactId>spring-boot-starter-websocket</artifactId>
 </dependency>
</dependencies>

代码如下:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
package com.wh.web;
 
import org.springframework.web.socket.TextMessage;
import org.springframework.web.socket.WebSocketSession;
import org.springframework.web.socket.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) + "位访客"));
 }
}
?
1
2
3
4
5
6
7
8
9
10
11
12
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");
 }
}
?
1
2
3
4
5
6
7
8
9
10
11
12
13
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 内容如下:

?
1
2
server.port=9080
spring.resources.static-locations=classpath:/webapp/html/

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

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>web socket</title>
</head>
<body>
<h1>web socket</h1>
<script type="text/javascript">
 var url = 'ws://'+window.location.hostname+':9080/web/count';
 var ws = new WebSocket(url);
 ws.onopen = function(event)
 {
  ws.send('hello');
 };
  
 ws.onmessage = function(event) {
  alert(event.data);
 };
  
 ws.onerror = function(event) {
  alert(event);
 }
</script>
</body>
</html>

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

二:nginx配置

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

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

?
1
2
3
4
5
6
7
8
9
10
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的错误

总结

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

原文链接:http://blog.csdn.net/mn960mn/article/details/52184937

延伸 · 阅读

精彩推荐