webSocket 入门示例demo (tomcat8),最简单demo

最新推荐文章于 2024-06-24 09:18:51 发布
最新推荐文章于 2024-06-24 09:18:51 发布
阅读量1.3w 收藏 15
点赞数 2
分类专栏： java EE SSHM 文章标签： webSocke tomcat8 demo
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huitoukest/article/details/51437982
版权

1.新建web工程，配置xml文件

工程名称：webSocketDemo

web.xml文件配置：

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
                      http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
  version="3.1"
  metadata-complete="true">
    <description>webSocketDemo</description>
    <display-name>webSocketDemo</display-name>
   <welcome-file-list>
        <welcome-file>index.html</welcome-file>
        <welcome-file>index.xhtml</welcome-file>
        <welcome-file>index.htm</welcome-file>
        <welcome-file>index.jsp</welcome-file>
    </welcome-file-list>

</web-app>

2.编写jsp页面

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String socPath="ws://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>websocketIndex</title>
    <script type="text/javascript">
        var wsuri = "<%=socPath%>getServer1";
        var ws = null;
        function startWebSocket() {
            if ('WebSocket' in window)
                ws = new WebSocket(wsuri);
            else if ('MozWebSocket' in window)
                ws = new MozWebSocket(wsuri);
            else
            	console.error("not support WebSocket!");
            ws.onmessage = function(evt) {
                alert(evt.data);
                console.info(evt);
            };

            ws.onclose = function(evt) {
            	
                alert("close");
                console.info(evt);
            };

            ws.onopen = function(evt) {
                alert("open");
                console.info(evt);
            };
        };
        
        function init(){
        	startWebSocket();
        };
        init();
       

        function sendMsg(){     	
            ws.send(document.getElementById('writeMsg').value);
        }
    </script>
</head>
<body>
<input type="text" id="writeMsg"/> 
<input type="button" value="sendSmgToServer" οnclick="sendMsg()"/>
<br>
<span>
wait 8 second,server will send you a msg!
</span>
</body>
</html>

3.编写webSocket服务端

@ServerEndpoint("/getServer")
public class SocketServer{
	
	@OnOpen
	public void onOpen(Session session) {
		 final RemoteEndpoint.Basic basic =  session.getBasicRemote();  		  
	        System.out.println("pathParams:"+session.getPathParameters());  
	        System.out.println("requestParams"+session.getRequestParameterMap());  
	    	try {
				basic.sendText("open success on server");
			} catch (IOException e) {
				e.printStackTrace();
			}
	    	Thread t1=new Thread(new Runnable() {
				
				@Override
				public void run() {
					try {
						Thread.currentThread();
						Thread.sleep(8000);
						basic.sendText("server get you a msg: what your name?");
					} catch (InterruptedException e) {
						e.printStackTrace();
					} catch (IOException e) {
						e.printStackTrace();
					}
				}
			});
	    	t1.start();
	}	
	/**
	 * 收到客户端消息时触发
	 * @param relationId
	 * @param userCode
	 * @param message
	 * @return
	*/
	@OnMessage
	 public String onMessage(Session session,String message) {
		 System.out.println("pathParams:"+session.getPathParameters());  
         System.out.println("requestParams"+session.getRequestParameterMap());  
		return	"Got you msg !"+message;
	}

	/**
	 * 异常时触发
	 * @param relationId
	 * @param userCode
	 * @param session
	*/
	@OnError
	 public void onError(Throwable throwable,Session session) {
		 System.out.println("pathParams:"+session.getPathParameters());  
	     System.out.println("requestParams"+session.getRequestParameterMap());  
	     System.out.print("onError"+throwable.toString());
	}

	/**
	 * 关闭连接时触发
	 * @param relationId
	 * @param userCode
	 * @param session
	*/
	@OnClose
	 public void onClose(Session session) {
		 System.out.println("pathParams:"+session.getPathParameters());  
	        System.out.println("requestParams"+session.getRequestParameterMap());  
		 System.out.print("onClose ");
	}		
}


4.发布到tomc8及以上版本的服务器

注意：采用支持Html5的浏览器浏览网页

且_听_风_吟
关注
  • 2
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 12
    评论
专栏目录
Tomcat8实现WebSocket
qq_27933251的博客
12-10 592
Tomcat8实现WebSocketapi后台服务端代码前段页面 api 引入Tomcat下websocket-api.jar 后台服务端代码 package com.fh.controller.app.socket; import java.io.IOException; import java.util.Map; import java.util.concurrent.CopyOnWrite...
基于注解方式实现在Tomcat8中实现WebSocket服务器接口的编写
pangyinglong的博客
12-06 621
参考资料来源：https://blog.csdn.net/elinespace/article/details/52879839 前言： WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。在 WebSocket API 中，浏览器和服务器只
Web实时通信的学习之旅：WebSocket入门指南及示例演示
最新发布
在这里，我分享我的技术心得、项目经验、实用的技术教程、深入的技术分析以及前端开发的最新动态，希望能帮助到更多的人。
06-24 2250
WebSocket 协议的底层协议也是TCP协议WebSocket 协议的标识符为ws,加密后为wssWebSocket 协议没有同源限制，即WebSocket 协议可以跨域通信WebSocket 协议是有状态的，是前后端交互的长连接，即建立连接后可以保持连接状态，通信时可以省略部分状态信息WebSocket 协议可以发送文本，同时也可以发送二进制数据WebSocket 是一种强大的网络通信协议，它允许服务器和客户端之间进行实时、双向通信。
tomcat8+websocket演示
weixin_33738555的博客
03-03 118
2019独角兽企业重金招聘Python工程师标准>>> ...
tomcat8 实现websocket demo
呓语的风的技术博客
12-05 1311
代码实现： 引用： &lt;dependency&gt; &lt;groupId&gt;javax&lt;/groupId&gt; &lt;artifactId&gt;javaee-api&lt;/artifactId&gt; &lt;version&gt;8.0&lt;/version&gt; &lt;scop
tomcat8 + websocket 入门示例
cdmamata的专栏
03-25 6375
网上针对 websocket 的示例有很多，但大多都是诸如基于 node.js、 tomcat7 等，没有基于tomcat8 的例子， 相比较而言，tomcat8下 websocket 还有有一些变动的，在此将针对 tomcat8 + websocket 最简单的 demo 作介绍。 说是原创，其实也不算是原创，都是借鉴的一些前辈们的文章，然后通过自己实践，写出一些自己遇到的问题。 在此
适合初学websocket者的websocketDemo
08-17
3. **Eclipse集成**: 了解如何在Eclipse中配置和运行WebSocket项目，包括创建Dynamic Web Project，配置Tomcat服务器，以及部署和调试WebSocket应用。 4. **WebSocket实例**: 分析和运行Demo中的具体代码，理解...
websocket入门demo
03-23
在这个"WebSocket入门demo"中，我们将探讨WebSocket的基本概念、工作原理以及如何通过编程实现一个简单的WebSocket应用。 首先，WebSocket协议是基于TCP的，它在HTTP/1.1的基础上进行了扩展，使用ws或wss（加密的...
websocket项目demo
01-10
WebSocket 项目Demo是一个示例应用，它展示了如何在现代Web开发中使用WebSocket协议进行实时双向通信。WebSocket协议是HTML5规范的一部分，旨在提供一个低延迟、高效率的通信方式，使得服务器与客户端能够进行全双工...
WebSocketDemo
10-07
WebSocketDemo是一个基于Tomcat 7的Web应用示例，它展示了如何使用WebSocket协议进行实时通信。WebSocket协议是一种在客户端和服务器之间建立长连接的协议，相比于传统的HTTP协议，它允许双向通信，即服务器和客户端...
websocket完整demo
03-23
总结起来，这个WebSocket完整Demo是一个实用的学习资源，涵盖了WebSocket通信的基础知识，包括客户端和服务器端的实现，以及相关的HTML和Java代码示例。通过分析和运行这个Demo，开发者可以深入理解WebSocket的工作...
WebSocket基于javaweb+tomcat的简易demo程序
weixin_30418341的博客
07-21 92
由于项目需要，前端向后台发起请求后，后台需要分成多个步骤进行相关操作，而且不能确定各步骤完成所需要的时间 倘若使用ajax重复访问后台以获取实时数据，显然不合适，无论是对客户端，还是服务端的资源很是浪费 这种情况下，WebSocket能够解决此问题 它不像普通的http请求或者ajax访问，返回相应的结果就关闭了连接 WebSocket在个人浅薄的知识看来是属于长连接，能保持连接，随时收发...
基于tomcat8以上解决websocket不兼容的问题
carry_666的博客
06-30 1110
在这个实例中，采用的是Tomcat7服务器，每个服务器对于WebSocket的实现都是不一样的，所以这个实例只能在Tomcat服务器中运行，不过目前Spring已经推出了WebSocket的API，能够兼容各个服务器的实现。 WebSocketServlet这个类在tomcat7里，不过已经过时，tomcat8就已经删除了。tomcat自带例子有websocket的实现 tomcat 9以下会扫出安全漏洞，所以需要升级9以上 升级tomcat9的时候会报出找不到websocket里面的方法 Tomcat实
基于tomcat8实现websocket服务
eggette的博客
02-01 2994
/** * tomcat8 websocket * Created by aiyaoxin on 2018/1/23 15:44 */ @ServerEndpoint(value = "/websocket", configurator = HttpSessionConfigurator.class) public class MyWebSocket { private stati
在Tomcat中启用虚拟线程特性
java1527的博客
10-08 1432
趁着国庆前后阅读了虚拟线程相关的源码，写了一篇《虚拟线程 - VirtualThread源码透视》，里面介绍了虚拟线程的实现原理和使用示例。线程池甚至可以设计为一个完全自定义的虚拟线程调度器，可以参考前面一篇文章，这里不再赘述。的线程池是最终调用看到的控制台输出的虚拟线程名称是一个空字符串。实现比较简单，就是在控制台打印一些虚拟线程和载体线程的一些信息，然后返回。还没有适配虚拟线程，主要是没有改造监视器锁的引用导致虚拟线程。）使用的是还是旧的规范，对应的类是。，这只是其中一个接口，大部分和。
基于Tomcat的webSocket的使用方式和源码分析
王星星
10-12 3693
WebSocket是基于tcp的一种全双工通信的协议，它在建立连接的时候需要使用http协议，之后开始连接之后会独立出来。通过，http的每次连接都需要建立在url之上，但是webSocket只需要一个url来建立握手。常见的webSocket有多种实现方式，如SpringBoot+tomcat，或者是springboot+netty 使用方式 以下的代码均是基于Spring+tomcat 首先会在socket那里协商ServerEndPoint注解，然后注解出几个方法，如@BeforeHa.
Tomcat如何实现WebSocket
热门推荐
seaboat——a free boat on the sea.（公众号：远洋号）
11-25 1万+
WebSocket协议属于HTML5标准，越来越多浏览器已经原生支持WebSocket，它能让客户端和服务端实现双向通信。在客户端和服务器端建立一条WebSocket连接后，服务器端消息可直接发送到客户端，从而打破传统的请求响应模式，避免了无意义的请求。比如传统的方式可能会使用AJAX不断请求服务器端，而WebSocket则可以直接发送数据到客户端且客户端不必请求。同时，由于有了浏览器的原生支持，编
websocket之三：Tomcat的WebSocket实现
weixin_34283445的博客
12-12 474
Tomcat自7.0.5版本开始支持WebSocket，并且实现了Java WebSocket规范（JSR356 ），而在7.0.5版本之前（7.0.2版本之后）则采用自定义API，即WebSocketServlet。本节我们仅介绍Tomcat针对规范的实现。 根据JSR356的规定，Java WebSocket应用由一系列的WebSocket Endpoint组成。Endpoint是一个Jav...
Tomcat8.0 支持的WebSocket 总结
weixin_33811961的博客
05-28 647
Java WebSocket依赖环境tomcat8.0及以上两种配置方式1.注解式配置//示例代码@ServerEndpoint("/chat")public class Chat{//建立连接时调用,可传入的参数Session(WebSocket的Session,在SpringWebSocket里面则是WebSocketSession),EndpointConfig,和带@...
spring-boot-starter-websocket入门demo
06-13
好的，下面是一个简单的 Spring Boot WebSocket 入门 demo： 1. 首先，在 pom.xml 文件中引入 `spring-boot-starter-websocket` 依赖： ```xml <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-websocket</artifactId> </dependency> ``` 2. 创建一个简单的 WebSocket 处理器： ```java @Component public class WebSocketHandler extends TextWebSocketHandler { private final List<WebSocketSession> sessions = new CopyOnWriteArrayList<>(); @Override public void afterConnectionEstablished(WebSocketSession session) throws Exception { sessions.add(session); session.sendMessage(new TextMessage("连接成功！")); } @Override protected void handleTextMessage(WebSocketSession session, TextMessage message) throws Exception { for (WebSocketSession webSocketSession : sessions) { webSocketSession.sendMessage(new TextMessage("客户端说：" + message.getPayload())); } } @Override public void afterConnectionClosed(WebSocketSession session, CloseStatus status) throws Exception { sessions.remove(session); } } ``` 3. 创建 WebSocket 配置类： ```java @Configuration @EnableWebSocket public class WebSocketConfig implements WebSocketConfigurer { @Autowired private WebSocketHandler webSocketHandler; @Override public void registerWebSocketHandlers(WebSocketHandlerRegistry registry) { registry.addHandler(webSocketHandler, "/ws").setAllowedOrigins("*"); } } ``` 4. 编写一个简单的页面来测试 WebSocket： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>WebSocket</title> </head> <body> <h1>WebSocket Demo</h1> <div> <input type="text" id="input"/> <button onclick="send()">发送</button> </div> <div id="output"></div> <script> var socket = new WebSocket("ws://localhost:8080/ws"); socket.onmessage = function(event) { var output = document.getElementById("output"); output.innerHTML += "<p>" + event.data + "</p>"; }; function send() { var input = document.getElementById("input"); socket.send(input.value); input.value = ""; } </script> </body> </html> ``` 5. 运行程序，访问 http://localhost:8080/index.html，打开浏览器控制台，输入命令 `socket.send("Hello, WebSocket!")`，即可看到页面上显示出 "客户端说：Hello, WebSocket!"。 希望这个 demo 能帮助到你。
评论 12
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值