01_tomcat 通过websocket 实现一个简易聊天室功能-项目-教程(一)
zhezhongyun 2025-01-14 19:05 39 浏览
01_tomcat 通过 websocket 实现一个简易的聊天室功能-项目-教程(一)
## 一、Tomcat专题 - WebSocket - 介绍
### 1、Tomcat 附加功能:websocket 介绍
1)websocket :是 HTML5 新增的协议,它的目的是在浏览器和服务器之间建立一个不受限的双向通信的通道,
比如说,服务器可以在任意时刻发送消息给浏览器。
2)为什么传统的 HTTP 协议不能做到 websocket 实现的功能?
- 这是因为 HTTP 协议是一个请求-响应协议,请求必须先由浏览器发给服务器服务器才能响应这个请求,再把数据发送给浏览器。
换句话说,浏览器不主动请求,服务器是没法主动发数据给浏览器的,
- 这样一来,要在浏览器中搞一个实时聊天,或者在线多人游戏的话就没法实现了,只能借助 Elash 这些插件,
3)也有人说,HTTP 协议其实也能实现啊,比如用轮询或者 comet。
- 轮询:是指浏览器通过 Javascript 启动一个定时器,然后以固定的间隔给服务器发请求,询问服务器有没有新消息。
这个机制的缺点一是实时性不够,二是频繁的请求会给服务器带来极大的压力。
- comet 本质上也是轮询,但是在没有消息的情况下,服务器先拖一段时间,等到有消息了再回复,这个机制暂时地解决了实时性问题,
但是它带来了新的问题:
以多线程模式运行的服务器会让大部分线程大部分时间都处于挂起状态,极大地浪费服务器资源。
另外,一个 HTTP 连接在长时间没有数据传输的情况下,链路上的任何一个网关都可能关闭这个连接,
而网关是我们不可控的,这就要求 comet 连接必须定期发一些 ping 数据表示连接“正常工作"。
### 2、以上两种机制都治标不治本,所以,HTML5 推出了 websocket 标准,让浏览器和服务器之间可以建立无限制的全双工通信,任何一方都可以主动发消息给对方。websocket 并不是全新的协议,而是利用了 HTTP 协议来建立连接。
### 3、websocket 连接是如何创建的。
1)首先,websocket连接必须由浏览器发起,因为请求协议是一个标准的HTTP请求,格式如下:
2)该请求和普通的HTTP请求有几点不同:
- 1.GET请求的地址不是类似 http://,而是以 ws:// 开头的地址;
- 2.请求头 connection:upgrade 和 请求头 upgrade:websocket 表示这个连接将要被转换为 websocket 连接;
- 3.sec-websocket-Key 是用于标识这个连接, 是一个BASE64编码的密文,要求服务端响应一个对应加密的sec-websocket-Accept头信息作为应答。
- 4.sec-websocket-version 指定了 websocket 的协议版本;
- 5.HTTP101 状态码表明服务端已经识别并切换为 Websocket 协议,sec-websocket-Accept 是服务端与客户端一致的秘钥计算出来的信息。
## 二、Tomcat专题 - WebSocket - Tomcat的支持
### 1、Tomcat 的 Websocket
Tomcat 的 7.0.5 版本开始支持 websocket,并且实现了 Java websocket 规范(JSR356),而在7.0.5版本之前(7.0.2之后)则采用自定义 API,即 websocketservlet 实现。
### 2、Java websocket 应用由一系列的 nebsocketEndpoint 组成。Endpoint 是一个 Java 对象,代表 websocket 链接的一端,对于服务端,可以视为处理具体 websocket 消息的接口,就像 servlet 之与 http 请求一样。
### 3、可以通过两种方式定义 Endpoint:
1)第一种是编程式,即继承类 javax.websocket.Endpoint 并实现其方法。
2)第二种是注解式,即定义一个POJO,并添加 @serverEndpoint 相关注解。
### 4、Endpoint 实例在 websocket 握手时创建,并在客户端与服务端链接过程中有效,最后在链接关闭时结束,在 Endpoint 接口中明确定义了与其生命周期相关的方法, 规范实现者确保生命周期的各个阶段调用实例的相关方法。生命周期方法如下:
| 方法 | 含义描述 | 注解 | |
|--|--|--|--|
| onOpen | 当开启一个新的会话时调用,该方法是客户端与服务端握手成功后调用的方法。 | @onopen | |
| onClose | 当会话关闭时调用。 | @onClose | |
| onError | 当连接过程中异常时调用。 | @onError | |
| | | | |
### 5、编程式 和 注解式 接收和发送消息。
- 编程式通过为 session 添加 Messagexandler 消息处理器来接收消息。
- 采用注解方式定义 Endpoint 时,可以通过 @onMessage 注解指定接收消息的方法。发送消息则由 RemoteEndpoint 完成,其实例由 session 维护。
- 根据使用情况, 可以通过 session.getBasicRemote 获取同步消息发送的实例,然后调用其 sendxxx() 方法就可以发送消息,可以通过 session.getAsyncRemote 获取异步消息发送实例。
### 6、...\apache-tomcat-8.5.42-src\java\javax\websocket\Endpoint.java 类,源码:
```bash
package javax.websocket;
public abstract class Endpoint {
public abstract void onOpen(Session session, EndpointConfig config);
public void onClose(Session session, CloseReason closeReason) {
// NO-OP by default
}
public void onError(Session session, Throwable throwable) {
// NO-OP by default
}
}
```
## 三、 Tomcat专题 - WebSocket - 案例 - 需求及流程分析
### 1、WebSocket DEMO 案例需求:通过 websocket 实现一个简易的聊天室功能。
### 2、WebSocket DEMO 案例流程
1)登录聊天室
2)登录后,进入聊天界面,进行聊天。
3)用户1 聊天界面,用户2 聊天界面。
4)好友列表、单独聊天模式与广播模式。
### 3、WebSocket DEMO 案例 实现流程
### 4、消息格式
客户端 --> 服务端: {"fromName":"Deng","toName":"HEIMA","content":"约会呀"}
服务端 --> 客户端:
1)如果 type 为 user,则说明返回的是用户列表
{"data" : "HEIMA, Deng, ITCAST" ,"toName" :"" ,"fromName" :"","type" :"user" }
2)如果 type 为 message,则说明返回的是消息内容
{"data" : "你好" ,"toName" : "HE IMA" , " fromName" : "Deng" ,"type" : "message" }
## 四、Tomcat专题 - WebSocket - 案例 - 准备工作
### 1、打开 idea 创建 名为 dzs168_chat_room 的 Web Application 项目
```java
--> idea --> File
--> New --> Project
--> Java
Project SDK: ( 1.8(java version "1.8.0_131" )
--> Java EE : 勾选 ( Web Application )
--> Next
--> Project Name: ( dzs168_chat_room )
Project Location: ( ...\dzs168_chat_room\ )
--> Finish
```
### 2、在项目 dzs168_chat_room 中,导入项目依赖( dzs168_chat_room/web/lib/ ),Add as Library...
fastjson-1.2.5.jar
tomcat-websocket.jar
websocket-api.jar
### 3、在项目 dzs168_chat_room 中,导入静态资源文件。
dzs168_chat_room/web/css/
dzs168_chat_room/web/img/
dzs168_chat_room/web/js/
dzs168_chat_room/web/chat.jsp
dzs168_chat_room/web/login.jsp
### 4、在项目 dzs168_chat_room 中, Web 应用配置欢迎页面为 login.jsp
(project_tomcat\dzs168_chat_room\web\WEB-INF\web.xml)
```java
<?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">
<welcome-file-list>
<welcome-file>login.jsp</welcome-file>
</welcome-file-list>
</web-app>
<!-- project_tomcat\dzs168_chat_room\web\WEB-INF\web.xml -->
```
### 5、配置 dzs168_chat_room 应用,进行测试。
```java
idea ---> Run/Debug Configurations
---> 点击 应用 Tomcat 8.5.47
---> Deployment
删除已经存在的应用。
---> 点击 + 添加新应用 Artifact... ,选择我们的项目 dzs168_chat_room.war exploded
---> Application context: ( / )
---> Apply
---> Server
---> On'Update'action: ( Update classes and resources )
---> On frame deactivation: ( Update classes and resources )
---> Apply
---> OK 。
```
### 6、运行 tomcat 服务器,自动打开欢迎页面,localhost:8080
- 上一篇:你不知道的 WebSocket
- 下一篇:谈谈websocket跨域
相关推荐
- JPA实体类注解,看这篇就全会了
-
基本注解@Entity标注于实体类声明语句之前,指出该Java类为实体类,将映射到指定的数据库表。name(可选):实体名称。缺省为实体类的非限定名称。该名称用于引用查询中的实体。不与@Tab...
- Dify教程02 - Dify+Deepseek零代码赋能,普通人也能开发AI应用
-
开始今天的教程之前,先解决昨天遇到的一个问题,docker安装Dify的时候有个报错,进入Dify面板的时候会出现“InternalServerError”的提示,log日志报错:S3_USE_A...
- 用离散标记重塑人体姿态:VQ-VAE实现关键点组合关系编码
-
在人体姿态估计领域,传统方法通常将关键点作为基本处理单元,这些关键点在人体骨架结构上代表关节位置(如肘部、膝盖和头部)的空间坐标。现有模型对这些关键点的预测主要采用两种范式:直接通过坐标回归或间接通过...
- B 客户端流RPC (clientstream Client Stream)
-
客户端编写一系列消息并将其发送到服务器,同样使用提供的流。一旦客户端写完消息,它就等待服务器读取消息并返回响应gRPC再次保证了单个RPC调用中的消息排序在客户端流RPC模式中,客户端会发送多个请...
- 我的模型我做主02——训练自己的大模型:简易入门指南
-
模型训练往往需要较高的配置,为了满足友友们的好奇心,这里我们不要内存,不要gpu,用最简单的方式,让大家感受一下什么是模型训练。基于你的硬件配置,我们可以设计一个完全在CPU上运行的简易模型训练方案。...
- 开源项目MessageNest打造个性化消息推送平台多种通知方式
-
今天介绍一个开源项目,MessageNest-可以打造个性化消息推送平台,整合邮件、钉钉、企业微信等多种通知方式。定制你的消息,让通知方式更灵活多样。开源地址:https://github.c...
- 使用投机规则API加快页面加载速度
-
当今的网络用户要求快速导航,从一个页面移动到另一个页面时应尽量减少延迟。投机规则应用程序接口(SpeculationRulesAPI)的出现改变了网络应用程序接口(WebAPI)领域的游戏规则。...
- JSONP安全攻防技术
-
关于JSONPJSONP全称是JSONwithPadding,是基于JSON格式的为解决跨域请求资源而产生的解决方案。它的基本原理是利用HTML的元素标签,远程调用JSON文件来实现数据传递。如果...
- 大数据Doris(六):编译 Doris遇到的问题
-
编译Doris遇到的问题一、js_generator.cc:(.text+0xfc3c):undefinedreferenceto`well_known_types_js’查找Doris...
- 网页内嵌PDF获取的办法
-
最近女王大人为了通过某认证考试,交了2000RMB,官方居然没有给线下教材资料,直接给的是在线教材,教材是PDF的但是是内嵌在网页内,可惜却没有给具体的PDF地址,无法下载,看到女王大人一点点的截图保...
- 印度女孩被邻居家客人性骚扰,父亲上门警告,反被围殴致死
-
微信的规则进行了调整希望大家看完故事多点“在看”,喜欢的话也点个分享和赞这样事儿君的推送才能继续出现在你的订阅列表里才能继续跟大家分享每个开怀大笑或拍案惊奇的好故事啦~话说只要稍微关注新闻的人,应该...
- 下周重要财经数据日程一览 (1229-0103)
-
下周焦点全球制造业PMI美国消费者信心指数美国首申失业救济人数值得注意的是,下周一希腊还将举行第三轮总统选举需要谷歌日历同步及部分智能手机(安卓,iPhone)同步日历功能的朋友请点击此链接,数据公布...
- PyTorch 深度学习实战(38):注意力机制全面解析
-
在上一篇文章中,我们探讨了分布式训练实战。本文将深入解析注意力机制的完整发展历程,从最初的Seq2Seq模型到革命性的Transformer架构。我们将使用PyTorch实现2个关键阶段的注意力机制变...
- 聊聊Spring AI的EmbeddingModel
-
序本文主要研究一下SpringAI的EmbeddingModelEmbeddingModelspring-ai-core/src/main/java/org/springframework/ai/e...
- 前端分享-少年了解过iframe么
-
iframe就像是HTML的「内嵌画布」,允许在页面中加载独立网页,如同在画布上叠加另一幅动态画卷。核心特性包括:独立上下文:每个iframe都拥有独立的DOM/CSS/JS环境(类似浏...
- 一周热门
- 最近发表
- 标签列表
-
- HTML 教程 (33)
- HTML 简介 (35)
- HTML 实例/测验 (32)
- HTML 测验 (32)
- HTML 参考手册 (28)
- JavaScript 和 HTML DOM 参考手册 (32)
- HTML 拓展阅读 (30)
- HTML中如何键入空格 (27)
- HTML常用标签 (29)
- HTML文本框样式 (31)
- HTML滚动条样式 (34)
- HTML5 浏览器支持 (33)
- HTML5 新元素 (33)
- HTML5 WebSocket (30)
- HTML5 代码规范 (32)
- HTML5 标签 (717)
- HTML5 标签 (已废弃) (75)
- HTML5电子书 (32)
- HTML5开发工具 (34)
- HTML5小游戏源码 (34)
- HTML5模板下载 (30)
- HTTP 状态消息 (33)
- HTTP 方法:GET 对比 POST (33)
- 键盘快捷键 (35)
- 标签 (226)