websocket（带session传输数据）

最新推荐文章于 2025-03-13 15:53:11 发布

zbao007

最新推荐文章于 2025-03-13 15:53:11 发布

阅读量3.4w

点赞数 4

分类专栏： websocket 文章标签： websocket session注入

本文链接：https://blog.youkuaiyun.com/z719725611/article/details/52400404

版权

本文介绍了如何在WebSocket中利用Session进行数据传输。通过在项目中添加特定Maven依赖，并确保Tomcat版本为8.0以上，实现WebSocket的连接。示例包括简单的发送消息页面、GetHttpSessionConfigurator类用于存入Session以及LoginServlet类处理登录。WebSocket的发送和接收流程清晰阐述，提供了一个详细项目的GitHub链接供参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

maven导入一个包即可

           <groupId>javax.websocket</groupId>
           <artifactId>javax.websocket-api</artifactId>
           <version>1.0</version>

</dependency>

注意：tomcat版本最好是8.0，原来用的7.0版本建立不了链接

简单的发送消息的页面

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
 <script type="text/javascript" src="js/c.js"></script>
 
</head>
<body >
	
<div>
    <p>
        <input type="text" placeholder="type and press enter to chat" id="chat" />
    </p>
    <input type="button" value="send" class="btn" id="send">
    <div id="console-container">
        <div id="console"></div>
    </div>
</div>

</body>
</html>

c.js封装了websock的连接:

var Chat = {};
Chat.socket = null;
Chat.connect = (function(host) {
	//创建webSocket，
	if ('WebSocket' in window) {
		Chat.socket = new WebSocket(host);
	} else if ('MozWebSocket' in window) {
		Chat.socket = new MozWebSocket(host);
	} else {
		//Console.log('Error: WebSocket is not supported by this browser.');
		// return;
		Chat.socket = new SockJS(
				"http://localhost:8080/websocket5/sockjs/webSocketServer");
	}
	//建立websocket的事件，可以用来做一些初始化操作
	Chat.socket.onopen = function() {
		$("#send").click(function(){
			Chat.sendMessage();
		});	
	};
	//绑定关闭事件   
	Chat.socket.onclose = function() {
		document.getElementById('chat').onkeydown = null;
	};
	//监

最低0.47元/天解锁文章