基于springmvc的websocket

最新推荐文章于 2024-05-20 22:49:21 发布
最新推荐文章于 2024-05-20 22:49:21 发布
阅读量436 收藏
点赞数
分类专栏： Java Web学习笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Hellomdk/article/details/99973695
版权

项目结构截图

在这里插入图片描述

controller类：

@Controller
public class indexController {

    @GetMapping("/")
    public ModelAndView login() {
        return new ModelAndView("/chatroom");
    }


}

server类：

@Component
@ServerEndpoint("/chatroom")
public class WebSocketChatServer {

    /**
     * 全部在线会话  PS: 基于场景考虑 这里使用线程安全的Map存储会话对象。
     */
    private static Map<String, Session> onlineSessions = new ConcurrentHashMap<>();


    /**
     * 当客户端打开连接：1.添加会话对象 2.更新在线人数
     */
    @OnOpen
    public void onOpen(Session session) {
        onlineSessions.put(session.getId(), session);
        sendMessageToAll(Message.jsonStr(Message.ENTER, "", "", onlineSessions.size()));
    }

    /**
     * 当客户端发送消息：1.获取它的用户名和消息 2.发送消息给所有人
     * <p>
     * PS: 这里约定传递的消息为JSON字符串 方便传递更多参数！
     */
    @OnMessage
    public void onMessage(Session session, String jsonStr) {
        Message message = JSON.parseObject(jsonStr, Message.class);
        sendMessageToAll(Message.jsonStr(Message.SPEAK, message.getUserId(), message.getMsg(), onlineSessions.size()));
    }

    /**
     * 当关闭连接：1.移除会话对象 2.更新在线人数
     */
    @OnClose
    public void onClose(Session session) {
        onlineSessions.remove(session.getId());
        sendMessageToAll(Message.jsonStr(Message.QUIT, "", "", onlineSessions.size()));
    }

    /**
     * 当通信发生异常：打印错误日志
     */
    @OnError
    public void onError(Session session, Throwable error) {
        error.printStackTrace();
    }

    /**
     * 公共方法：发送信息给所有人
     * 加锁的原因：防止同一个session消息发送冲突了，也就是同一个时刻,多个线程向一个socket写数据冲突了
     */
    private static synchronized void sendMessageToAll(String msg) {
        onlineSessions.forEach((id, session) -> {
            try {
                session.getBasicRemote().sendText(msg);
            } catch (IOException e) {
                e.printStackTrace();
            }
        });
    }

}

message实体类：

public class Message {

    public static final String ENTER = "ENTER";
    public static final String SPEAK = "SPEAK";
    public static final String QUIT = "QUIT";

    private String type;//消息类型

    private String userId; //发送人

    private String msg; //发送消息

    private int onlineCount; //在线用户数

    public static String jsonStr(String type, String userId, String msg, int onlineTotal) {
        return JSON.toJSONString(new Message(type, userId, msg, onlineTotal));
    }

    public Message() {
    }

    public Message(String type, String userId, String msg, int onlineCount) {
        this.type = type;
        this.userId = userId;
        this.msg = msg;
        this.onlineCount = onlineCount;
    }

    public static String getENTER() {
        return ENTER;
    }

    public static String getSPEAK() {
        return SPEAK;
    }

    public static String getQUIT() {
        return QUIT;
    }

    public String getType() {
        return type;
    }

    public void setType(String type) {
        this.type = type;
    }

    public String getUserId() {
        return userId;
    }

    public void setUserId(String userId) {
        this.userId = userId;
    }

    public String getMsg() {
        return msg;
    }

    public void setMsg(String msg) {
        this.msg = msg;
    }

    public int getOnlineCount() {
        return onlineCount;
    }

    public void setOnlineCount(int onlineCount) {
        this.onlineCount = onlineCount;
    }
}

applicationContext.xml

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:aop="http://www.springframework.org/schema/aop"
       xmlns:context="http://www.springframework.org/schema/context"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context https://www.springframework.org/schema/context/spring-context.xsd http://www.springframework.org/schema/mvc https://www.springframework.org/schema/mvc/spring-mvc.xsd
            http://www.springframework.org/schema/aop
            http://www.springframework.org/schema/aop/spring-aop-3.0.xsd">


  
    <context:component-scan base-package="com.ncwu.*"></context:component-scan>

    <mvc:annotation-driven />

    <!-- Spring框架来处理静态文件解决后台No mapping found for HTTP request with URI 错误 -->
    <mvc:default-servlet-handler />

    <!--配置视图解析器-->
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <!--配置前缀-->
        <property name="prefix" value="/"></property>
        <!--配置后缀-->
        <property name="suffix" value=".html"></property>
    </bean>




</beans>

web.xml

<!DOCTYPE web-app PUBLIC
 "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
 "http://java.sun.com/dtd/web-app_2_3.dtd" >

<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xmlns="http://java.sun.com/xml/ns/javaee"
         xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
         version="3.0">

  <display-name>Archetype Created Web Application</display-name>
  <welcome-file-list>
    <welcome-file>index.html</welcome-file>
  </welcome-file-list>

  <servlet>
    <servlet-name>SpringMVC</servlet-name>
    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    <!--配置springmvc.xml的路径-->
    <init-param>
      <param-name>contextConfigLocation</param-name>
      <param-value>classpath:applicationContext.xml</param-value>
    </init-param>
    <load-on-startup>1</load-on-startup>
    <async-supported>true</async-supported>
  </servlet>
  <servlet-mapping>
    <servlet-name>SpringMVC</servlet-name>
    <url-pattern>/</url-pattern>
  </servlet-mapping>

  <!-- 配置log4j配置文件路径 -->
  <context-param>
    <param-name>log4jConfigLocation</param-name>
    <param-value>classpath:log4j.properties</param-value>
  </context-param>
  <!-- 60s 检测日志配置 文件变化 -->
  <context-param>
    <param-name>log4jRefreshInterval</param-name>
    <param-value>60000</param-value>
  </context-param>
  <context-param>
    <param-name>webAppRootKey</param-name>
    <param-value>web</param-value>
  </context-param>



  <!-- 配置静态资源 -->
  <servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>/static/js/*</url-pattern>
    <url-pattern>/static/css/*</url-pattern>
    <url-pattern>/static/img/*</url-pattern>
  </servlet-mapping>


</web-app>

相关maven依赖

<?xml version="1.0" encoding="UTF-8"?>

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  <modelVersion>4.0.0</modelVersion>

  <groupId>com.fh</groupId>
  <artifactId>test</artifactId>
  <version>1.0-SNAPSHOT</version>
  <packaging>war</packaging>

  <name>test Maven Webapp</name>
  <!-- FIXME change it to the project's website -->
  <url>http://www.example.com</url>

  <properties>
    <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
    <maven.compiler.source>1.7</maven.compiler.source>
    <maven.compiler.target>1.7</maven.compiler.target>
  </properties>

  <dependencies>
      <dependency>
        <groupId>com.alibaba</groupId>
        <artifactId>fastjson</artifactId>
        <version>1.2.6</version>
      </dependency>

    <!-- java ee包 -->
    <dependency>
      <groupId>javax</groupId>
      <artifactId>javaee-api</artifactId>
      <version>7.0</version>
    </dependency>



    <dependency>
      <groupId>org.apache.commons</groupId>
      <artifactId>commons-lang3</artifactId>
      <version>3.4</version>
    </dependency>

    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-web</artifactId>
      <version>5.2.6.RELEASE</version>
    </dependency>

    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-aop</artifactId>
      <version>5.2.6.RELEASE</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-context</artifactId>
      <version>5.2.6.RELEASE</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-webmvc</artifactId>
      <version>5.2.6.RELEASE</version>
    </dependency>
    <!-- https://mvnrepository.com/artifact/org.aspectj/aspectjweaver -->
    <dependency>
      <groupId>org.aspectj</groupId>
      <artifactId>aspectjweaver</artifactId>
      <version>1.9.5</version>
      <scope>runtime</scope>
    </dependency>
    <!-- https://mvnrepository.com/artifact/org.aspectj/aspectjrt -->
    <dependency>
      <groupId>org.aspectj</groupId>
      <artifactId>aspectjrt</artifactId>
      <version>1.9.1</version>
    </dependency>

    <!-- https://mvnrepository.com/artifact/javax.servlet/javax.servlet-api -->
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>javax.servlet-api</artifactId>
      <version>4.0.1</version>
      <scope>provided</scope>
    </dependency>
    <!-- https://mvnrepository.com/artifact/dom4j/dom4j -->
    <dependency>
      <groupId>dom4j</groupId>
      <artifactId>dom4j</artifactId>
      <version>1.6.1</version>
    </dependency>
    <!-- https://mvnrepository.com/artifact/jaxen/jaxen -->
    <dependency>
      <groupId>jaxen</groupId>
      <artifactId>jaxen</artifactId>
      <version>1.1.6</version>
    </dependency>
    <!-- https://mvnrepository.com/artifact/log4j/log4j -->
    <dependency>
      <groupId>log4j</groupId>
      <artifactId>log4j</artifactId>
      <version>1.2.17</version>
    </dependency>
    <!-- https://mvnrepository.com/artifact/org.slf4j/slf4j-api -->
    <dependency>
      <groupId>org.slf4j</groupId>
      <artifactId>slf4j-api</artifactId>
      <version>1.7.29</version>
    </dependency>

  </dependencies>

  <build>
    <finalName>test</finalName>
    <pluginManagement><!-- lock down plugins versions to avoid using Maven defaults (may be moved to parent pom) -->
      <plugins>
        <plugin>
          <artifactId>maven-clean-plugin</artifactId>
          <version>3.1.0</version>
        </plugin>
        <!-- see http://maven.apache.org/ref/current/maven-core/default-bindings.html#Plugin_bindings_for_war_packaging -->
        <plugin>
          <artifactId>maven-resources-plugin</artifactId>
          <version>3.0.2</version>
        </plugin>
        <plugin>
          <artifactId>maven-compiler-plugin</artifactId>
          <version>3.8.0</version>
        </plugin>
        <plugin>
          <artifactId>maven-surefire-plugin</artifactId>
          <version>2.22.1</version>
        </plugin>
        <plugin>
          <artifactId>maven-war-plugin</artifactId>
          <version>3.2.2</version>
        </plugin>
        <plugin>
          <artifactId>maven-install-plugin</artifactId>
          <version>2.5.2</version>
        </plugin>
        <plugin>
          <artifactId>maven-deploy-plugin</artifactId>
          <version>2.8.2</version>
        </plugin>
      </plugins>
    </pluginManagement>
  </build>
</project>

连接server 前端 js

function getUrlParams(arg) {
		var params = {};
		window.location.search.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m, key, value){
			params[key] = value;
		});
		return params[arg];
	}

	//从url参数中获取模拟的用户信息，加入群聊
	// joinChatRoom(getUrlParams('user'));
	var webSocket = joinChatRoom(getUrlParams('user'));

	/**
	 * 通过WebSocket对象发送消息给服务端
	 */
	function sendMsgToServer() {
		console.log("=================sendMsgToServer==========");
		var $message = $('#msg');
		if ($message.val()) {
			console.log("user:", getUrlParams('user'));
			var userId = getUrlParams('user');

			var msg = $message.val();

			webSocket.send(JSON.stringify({userId: userId, msg: msg}));
			$message.val(null);

			// 聊天内容放入html中
		}
	}

	/**
	 * 清屏
	 */
	function clearMsg() {
		$(".message-container").empty();
	}

	/**
	 * 使用ENTER发送消息
	 */
	document.onkeydown = function (event) {
		var e = event || window.event || arguments.callee.caller.arguments[0];
		e.keyCode === 13 && sendMsgToServer();
	};

	/**
	 * 点击发送图标  发送消息
	 */
	$(document).on('click', '#sender', function () {
		sendMsgToServer();
	})

	window.addEventListener("beforeunload", function (e) {
		if (webSocket != null){
			webSocket.close();
		}
		return ;
	});
huanMaLi
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
SpringMVC使用WebSocket
04-01
使用SpringMVC结合WebSocket实现服务器与客户端双向沟通,程序很简单,只是为了演示配置(hello world),IntelliJ Maven项目,部署好以后测试地址 http://localhost:8080/test
spring mvc集成websocket
08-16
spring mvc集成websocket，无需xml配置，使用@ServerEndpoint注册一个websocket服务器路径就可在html页面用js与websocket_server建立连接，压缩包里附带了html页面，可以作为参考
Linux--07---查看CPU、内存、磁盘
最新发布
时光里的博客
05-20 4355
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录常用命令1.查看CPU使用率1.1 top 命令第一行是任务队列信息： top第二行为进程的信息 Tasks第三行为CPU的信息Mem:Swap1.2 vmstat命令参数详解每个参数的具体意思如下：1.3 ps aux命令2.内存使用率2.1 free命令关于 buffer 和 cache：3.磁盘使用率3.1 df-h 命令 常用命令 1.查看CPU使用率 1.1 top 命令 top命令是Linux下常用的性能分析工具
java spring MVC环境中实现WebSocket
weixin_45966674的博客
09-27 1141
这个函数接收一个参数 就是当前连进来的web应用 这个对象中就是 web端的url和websocket给的唯一 连接id。这个就是 连接对象.sendMessage(new TextMessage(要发的信息))然后 我们在这个目录下创建一个 WebSocketConfig.java。而java控制台 也输出了我们连接对象的格式 一个连接id 和一个url。然后 我们用sessions 这个list集合 将连接的信息存起来。然后一个一个的去发送消息sendMessage。
SpringMVC+WebSocket
WAF
08-02 1612
1 根据我的另一篇博客创建一个web框架的maven工程 https://blog.csdn.net/u014377655/article/details/81332959   2 在工程中添加文件 结构如下图   3 配置spring-mvc.xml   4 jsp以及类内容 index.jsp &lt;!DOCTYPE html&gt; &lt;html&gt;...
最全面的SpringMVC教程（六）——WebSocket
小新要变强的博客
12-02 5383
本文为【SpringMVC教程】WebSocket相关知识介绍，具体将对WebSocket进行简介，并通过实战案例对WebSocket的使用进行详尽介绍~
基于springmvc的websocket及时聊天
12-21
首先，为了创建一个基于Spring MVC的WebSocket聊天应用，我们需要确保开发环境满足以下条件： 1. **JDK 1.7**：Java Development Kit 1.7或更高版本，是编写Java应用程序的基础。 2. **Tomcat**：一个流行的开源...
基于SpringBoot整合SpringMvc Websocket实现注册登录于在线聊天功能.zip
05-16
基于SpringBoot整合SpringMvc Websocket实现注册登录于在线聊天功能，使用JWT做token安全验证。利用Mybatis实现信息存储。前端使用Vue 2.x + Websocket axiso与ElementUI 实现页面展示与在线聊天。 具备...
springws:基于SpringMVC实现的WebSocket工程实例
05-10
Spring-ws基于SpringMVC实现的支持SockJS的WebSocket工程实例说明本项目为maven项目，使用SpringMVC实现，用于展示如果使用 SockJS。项目启动后直接打开对应的端口在首页就可以看到展示的功能。后端在"/echo"上添加...
springmvc-websocket
05-07
5. **客户端集成**：在前端，开发者可以使用 JavaScript 的 WebSocket API 或者基于 WebSocket 的库（如 Stomp.js 和 sock.js）与后端的 WebSocket 服务端点建立连接，订阅和发布消息。 6. **readme.txt**：这个...
springmvc+websocket demo
04-11
WebSocket协议基于TCP/IP，通过握手过程建立连接，并在连接保持期间进行数据交换。 **Spring MVC与WebSocket结合** 在"springmvc+websocket demo"项目中，Spring MVC和WebSocket被结合使用，实现了一种实时交互的...
websocket使用实例(spring mvc)
02-24
spring mvc的websocket使用实例（实现服务器向登录客户端推送消息） maven项目 使用方法见内部使用说明
springMvc-websocket-demo
09-18
springMvc集成websocket的基本版，demo，注意设置tomcat的modules的path为“/”，修改页面上url的端口
Spring MVC的WebSocket使用
weixin_43415481的博客
03-08 3448
Spring MVC的WebSocket使用 文章目录Spring MVC的WebSocket使用一、WebSocket概述1.1 建立WebSocket基本流程1.2 WebSocket和HTTP的区别二、Spring的WebSocket使用2.1 WebSocket API2.1.1 WebSocketHandler2.1.2 HandshakeInterceptor 和 WebSocketConfigurer2.1.3 设置跨域请求——setAllowedOrigins2.1.4 SockJS支持——
SpringMVC入门 - webSocket
weixin_44115360的博客
09-22 587
由于传统HTTP协议主要是拉取消息，因此一些需要服务器主动推送消息的功能就难以实现，传统上是采用AJAX轮询、长轮询等方法；现在则可以采用webSocket来优雅地实现浏览器和服务器间的双向通信机制。 本demo主要实现了一个简单的聊天室，加入网页的游客可以一起聊天（消息广播）。服务端主要利用了spring的websocket模块，浏览器可以直接利用JS，两端都尽量采用较新的版本。 1、pom.xml依赖 <dependency> <groupId>org
springMVC实现websocket
langqingj的博客
04-09 1136
转载：https://blog.csdn.net/rola0418/article/details/79315607 简单发布一个基于springMVC的websocket的实现配置，springMVC的搭建过程这里就不说明了 。只实现H5的websocket，js实现没有考虑 springMVC的配置文件如下： <?xml version="1.0" encoding="UTF-8"?...
spring+springMVC整合webSocket
weixin_44262390的博客
09-18 2150
一、pom.xml <spring.version>4.1.6.RELEASE</spring.version> <!-- webSocket 开始 --> <dependency> <groupId>org.springframework</groupId> &l...
Springmvc+WebSocket整合
weixin_34362790的博客
03-25 256
为什么80%的码农都做不了架构师？>>> ...
springmvc websocket
03-16
SpringMVC WebSocket是一种基于SpringMVC框架的实时通信技术，它可以在Web应用程序中实现双向通信，使得服务器和客户端可以实时地交换数据。SpringMVC WebSocket使用了HTML5的WebSocket协议，可以在不刷新页面的情况...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值