使用WebSocket编写的案例完整代码

最新推荐文章于 2024-05-17 04:52:25 发布
最新推荐文章于 2024-05-17 04:52:25 发布
阅读量860 收藏 5
点赞数 1
分类专栏： java 网页编程 前端开发 文章标签： websocket java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/somken/article/details/105287192
版权

WebSocket简介

WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket通信协议于2011年被IETF定为标准RFC 6455，并由RFC7936补充规范。
WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在WebSocket API中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。

实例

使用IDEA创建一个Maven Web工程

pom.xml

<?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.dowhere</groupId>
  <artifactId>websocket_demo</artifactId>
  <version>1.0-SNAPSHOT</version>
  <packaging>war</packaging>
  <name>websocket_demo Maven Webapp</name>

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

  <dependencies>

    <dependency>
      <groupId>javax</groupId>
      <artifactId>javaee-api</artifactId>
      <version>7.0</version>
      <scope>provided</scope>
    </dependency>

    <dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>4.12</version>
      <scope>test</scope>
    </dependency>
  </dependencies>

  <build>
    <finalName>websocket_demo</finalName>

    <plugins>
      <!-- 编译插件 -->
      <plugin>
        <groupId>org.apache.maven.plugins</groupId>
        <artifactId>maven-compiler-plugin</artifactId>
        <version>3.8.0</version>
        <configuration>
          <source>1.8</source>
          <target>1.8</target>
          <encoding>UTF-8</encoding>
        </configuration>
      </plugin>

      <!-- tomcat7-maven-plugin -->
      <plugin>
        <groupId>org.apache.tomcat.maven</groupId>
        <artifactId>tomcat7-maven-plugin</artifactId>
        <version>2.2</version>
        <configuration>
          <path>/</path>
          <port>8080</port>
          <uriEncoding>UTF-8</uriEncoding>
        </configuration>
      </plugin>
    </plugins>


    <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>

创建一个类WebSocketTest

创建一个类WebSocketTest.java


package com.dowhere.websocket;

import java.io.IOException;
import java.util.concurrent.CopyOnWriteArraySet;

import javax.websocket.*;
import javax.websocket.server.ServerEndpoint;

/**
 * @ServerEndpoint 注解是一个类层次的注解，它的功能主要是将目前的类定义成一个websocket服务器端,
 * 注解的值将被用于监听用户连接的终端访问URL地址,客户端可以通过这个URL来连接到WebSocket服务器端
 */
@ServerEndpoint("/websocket")
public class WebSocketTest {
    //静态变量，用来记录当前在线连接数。应该把它设计成线程安全的。
    private static int onlineCount = 0;

    //concurrent包的线程安全Set，用来存放每个客户端对应的MyWebSocket对象。若要实现服务端与单一客户端通信的话，可以使用Map来存放，其中Key可以为用户标识
    private static CopyOnWriteArraySet<WebSocketTest> webSocketSet = new CopyOnWriteArraySet<WebSocketTest>();

    //与某个客户端的连接会话，需要通过它来给客户端发送数据
    private Session session;

    /**
     * 连接建立成功调用的方法
     * @param session  可选的参数。session为与某个客户端的连接会话，需要通过它来给客户端发送数据
     */
    @OnOpen
    public void onOpen(Session session){
        this.session = session;
        webSocketSet.add(this);     //加入set中
        addOnlineCount();           //在线数加1
        System.out.println("有新连接加入！当前在线人数为" + getOnlineCount());
    }

    /**
     * 连接关闭调用的方法
     */
    @OnClose
    public void onClose(){
        webSocketSet.remove(this);  //从set中删除
        subOnlineCount();           //在线数减1
        System.out.println("有一连接关闭！当前在线人数为" + getOnlineCount());
    }

    /**
     * 收到客户端消息后调用的方法
     * @param message 客户端发送过来的消息
     * @param session 可选的参数
     */
    @OnMessage
    public void onMessage(String message, Session session) {
        System.out.println("来自客户端的消息:" + message);
        //群发消息
        for(WebSocketTest item: webSocketSet){
            try {
                item.sendMessage(message);
            } catch (IOException e) {
                e.printStackTrace();
                continue;
            }
        }
    }

    /**
     * 发生错误时调用
     * @param session
     * @param error
     */
    @OnError
    public void onError(Session session, Throwable error){
        System.out.println("发生错误");
        error.printStackTrace();
    }

    /**
     * 这个方法与上面几个方法不一样。没有用注解，是根据自己需要添加的方法。
     * @param message
     * @throws IOException
     */
    public void sendMessage(String message) throws IOException{
        this.session.getBasicRemote().sendText(message);
        //this.session.getAsyncRemote().sendText(message);
    }

    public static synchronized int getOnlineCount() {
        return onlineCount;
    }

    public static synchronized void addOnlineCount() {
        WebSocketTest.onlineCount++;
    }

    public static synchronized void subOnlineCount() {
        WebSocketTest.onlineCount--;
    }
}

创建index.jsp

<%@ page language="java" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
    <title>Java后端WebSocket的Tomcat实现</title>
</head>
<body>
Welcome<br/><input id="text" type="text"/>
<button onclick="send()">发送消息</button>
<hr/>
<button onclick="closeWebSocket()">关闭WebSocket连接</button>
<hr/>
<div id="message"></div>
</body>

<script type="text/javascript">
    var websocket = null;
    //判断当前浏览器是否支持WebSocket
    if ('WebSocket' in window) {
        websocket = new WebSocket("ws://localhost:8080/websocket");
    }
    else {
        alert('当前浏览器 Not support websocket')
    }

    //连接发生错误的回调方法
    websocket.onerror = function () {
        setMessageInnerHTML("WebSocket连接发生错误");
    };

    //连接成功建立的回调方法
    websocket.onopen = function () {
        setMessageInnerHTML("WebSocket连接成功");
    }

    //接收到消息的回调方法
    websocket.onmessage = function (event) {
        setMessageInnerHTML(event.data);
    }

    //连接关闭的回调方法
    websocket.onclose = function () {
        setMessageInnerHTML("WebSocket连接关闭");
    }

    //监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。
    window.onbeforeunload = function () {
        closeWebSocket();
    }

    //将消息显示在网页上
    function setMessageInnerHTML(innerHTML) {
        document.getElementById('message').innerHTML += innerHTML + '<br/>';
    }

    //关闭WebSocket连接
    function closeWebSocket() {
        websocket.close();
    }

    //发送消息
    function send() {
        var message = document.getElementById('text').value;
        websocket.send(message);
    }
</script>
</html>

创建client.jsp

<%@ page language="java" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
    <title>客户端</title>
</head>
<body>


<hr/>
<div id="message"></div>
</body>

<script type="text/javascript">
    var websocket = null;
    //判断当前浏览器是否支持WebSocket
    if ('WebSocket' in window) {
        websocket = new WebSocket("ws://localhost:8080/websocket");
    }
    else {
        alert('当前浏览器 Not support websocket')
    }

    //连接发生错误的回调方法
    websocket.onerror = function () {
        setMessageInnerHTML("WebSocket连接发生错误");
    };

    //连接成功建立的回调方法
    websocket.onopen = function () {
        setMessageInnerHTML("WebSocket连接成功");
    }

    //接收到消息的回调方法
    websocket.onmessage = function (event) {
        setMessageInnerHTML(event.data);
    }

    //连接关闭的回调方法
    websocket.onclose = function () {
        setMessageInnerHTML("WebSocket连接关闭");
    }

    //监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。
    window.onbeforeunload = function () {
        closeWebSocket();
    }

    //将消息显示在网页上
    function setMessageInnerHTML(innerHTML) {
        document.getElementById('message').innerHTML += innerHTML + '<br/>';
    }

    //关闭WebSocket连接
    function closeWebSocket() {
        websocket.close();
    }

    //发送消息
    function send() {
        var message = document.getElementById('text').value;
        websocket.send(message);
    }
</script>
</html>

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_4_0.xsd"
         version="4.0">

  <display-name>WebSocket Web Application</display-name>

  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>
</web-app>

运行结果

服务端
在这里插入图片描述
客户端
在这里插入图片描述

总结

整体上来说使用webSocket还是比较容易上手的，多练习就好。

没刮胡子
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
WebSocket 详解-小案例展示
Wang_ning__的博客
03-29 1160
Websocket是一种用于H5浏览器的实时通讯协议，可以做到数据的实时推送，可适用于广泛的工作环境，例如客服系统、物联网数据传输系统，该测试工具可用于websocket开发初期的测试工作
【WebSocket】WebSocket经典实例
weixin_34160277的博客
10-28 489
接着上一篇的环境，我们接下来弄了个WebSocketTest2 目录结构 jquery-1.12.3.js（贴心服务） WebSocketTest2.java package com.hust.websockettest; import java.io.IOException; import java.util.Queu...
（二） 用QWebSocket 实现服务端和客户端（详细代码直接使用）(1)
最新发布
2401_84978573的博客
05-17 336
这个类，主要是添加了QThread 和QTimer，QThread 创建一个子线程来进行服务器的开启，监听和接收数据，不会影响主线程的事件；QTimer主要是发心跳包，实现断开重连机制；（2）在客户端基类上，封装一个具体使用的类：（外面可以直接使用这个类进行通讯）（2）将客户端基类封装，改造下：（外面可以直接使用这个类进行通讯）接收和发送的数据，以二进制为例。
webSocket 搭建实例
05-25
它的最大特点就是，服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息，是真正的双向平等对话，属于服务器推送技术的一种。
WebSocket实例
01-04
WebSocket实例！WebSocket实例！WebSocket实例！WebSocket实例！
java websocket简单实例绝对可用
热门推荐
ma929226676的专栏
03-24 6万+
坑爹的网友，一个个的网上websocket例子都不写web.xml的配置，MD~这不是给别人挖坑吗？既然写例子就要完整啊！！！ 项目环境：jdk7+tomcat7    （导入catalina.jar和websocket-api.jar） 效果图如下： 后台打印： 项目结构： MyWebSocket.java package com.chen.websocket;
c c++实现websocket服务器 c c++实现websocket客户端
02-11
这个代码例子使用了c c++实现了websocket 开发 包含了websocket服务器和websocket客户端,拥有详细的解释 这个库比libwebsocket更加简单方便,比libsocket更加高效便捷.
nodejs基于WS模块实现WebSocket聊天功能的方法
12-23
没什么好介绍的，网上代码案例太多了，（各位新手主要碰见的问题，可能也就是 node 导入模块问题了） 介绍一下安装模块： 找到安装node 目录，进入到 npm 目录下 运行 cmd 输入 npm install --save ws 源文件呢，...
reconnecting-websocket:重新连接WebSocket。 对于Web，React Native，cli（Node.js）
05-02
重新连接WebSocket 如果关闭连接，将自动重新连接的WebSocket。特征兼容WebSocket API（相同的接口，Level0和Level2事件模型）... 或者，甚至更好地为您的案例编写测试并提出请求请求：)使用简单import ReconnectingWeb
计算机专业毕设精选-ASP.NET多功能聊天软件的设计与开发——文字聊天文件传输模块(源代码+论文).rar
03-21
该案例不仅包含了完整的源代码，还附带了详细的论文文档，为开发者提供了从理论到实践的全面指导。 **功能特点**： 1. **实时文字聊天**：支持多人同时在线进行实时文字交流，界面简洁易用，支持表情符号、图片和...
微信小程序开发附源码：使用node.js实现微信小程序实时聊天功能.doc
05-18
在本案例中，开发者选择使用 Node.js 来搭建服务端，以支持微信小程序的聊天功能。以下是关于这一主题的详细解释： 首先，Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，它允许开发者在服务器端使用 ...
websocket源码经典实例
01-16
webSocket客户端和服务端实例源码 webSocket ws实例 HTML5 用java实现的服务端
WebSocket客户端和服务端实例源码
08-14
WebSocket客户端和服务端实例源码 WebSocket ws实例 HTML5 用java实现的服务端 Websocket与服务器的正常通信 众所周知，Web 应用的交互过程通常是客户端通过浏览器发出一个请求，服务器端接收请求后进行处理并返回结果给客户端，客户端浏览器将信息呈现，这种机制对于信息变化不是特别频繁的应用尚可，但对于实时要求高、海量并发的应用来说显得捉襟见肘，尤其在当前业界移动互联网蓬勃发展的趋势下，高并发与用户实时响应是 Web 应用经常面临的问题，比如金融证券的实时信息，Web 导航应用中的地理位置获取，社交网络的实时消息推送等。 传统的请求-响应模式的 Web 开发在处理此类业务场景时，通常采用实时通讯方案，常见的是： 轮询，原理简单易懂，就是客户端通过一定的时间间隔以频繁请求的方式向服务器发送请求，来保持客户端和服务器端的数据同步。问题很明显，当客户端以固定频率向服务器端发送请求时，服务器端的数据可能并没有更新，带来很多无谓请求，浪费带宽，效率低下。 基于 Flash，AdobeFlash 通过自己的 Socket 实现完成数据交换，再利用 Flash 暴露出相应的接口为 JavaScript 调用，从而达到实时传输目的。此方式比轮询要高效，且因为 Flash 安装率高，应用场景比较广泛，但在移动互联网终端上 Flash 的支持并不好。IOS 系统中没有 Flash 的存在，在 Android 中虽然有 Flash 的支持，但实际的使用效果差强人意，且对移动设备的硬件配置要求较高。2012 年 Adobe 官方宣布不再支持 Android4.1+系统，宣告了 Flash 在移动终端上的死亡。 从上文可以看出，传统 Web 模式在处理高并发及实时性需求的时候，会遇到难以逾越的瓶颈，我们需要一种高效节能的双向通信机制来保证数据的实时传输。在此背景下，基于 HTML5 规范的、有 Web TCP 之称的 WebSocket 应运而生。 早期 HTML5 并没有形成业界统一的规范，各个浏览器和应用服务器厂商有着各异的类似实现，如 IBM 的 MQTT，Comet 开源框架等，直到 2014 年，HTML5 在 IBM、微软、Google 等巨头的推动和协作下终于尘埃落地，正式从草案落实为实际标准规范，各个应用服务器及浏览器厂商逐步开始统一，在 JavaEE7 中也实现了 WebSocket 协议，从而无论是客户端还是服务端的 WebSocket 都已完备，读者可以查阅HTML5 规范，熟悉新的 HTML 协议规范及 WebSocket 支持。
WebSocket 二、编写WebSocket服务器端
wanglui1990的专栏
02-10 4561
原文链接 WebSocket 协议：RFC 6455。或 rfc6455 SegmentFault：websocket 协议解析 [RFC6455] WebSocket服务器就是一个承载TCP应用程序的主机，此TCP应用程序可用于监听遵循特定协议的服务器上的任何端口。 WebSocket服务可以用任何支持Berkeley套接字的服务器端编程语言编写，如C（++）或Python，甚至PHP和...
WebSocket 简单实战
半桶水的博客
10-18 900
前言 这个简单实战案例主要目的是让大家了解websocket的一些简单使用. 另外使用stomp方式的： 《Springboot 整合 WebSocket ，使用STOMP协议 ，前后端整合实战 （一）》https://blog.csdn.net/qq_35387940/article/details/119817167 《Springboot 整合 WebSocket ，使用STOMP协议+Redis 解决负载场景问题（二）》 https://blog.csdn.net/qq_353879..
Tomcat9.0在javaee项目中使用WebSocket
zcn596785154的博客
06-19 3502
1.在src目录下新建ChatEntpoint.java类 import java.io.IOException; import java.util.Set; import java.util.concurrent.CopyOnWriteArraySet; import java.util.concurrent.atomic.AtomicInteger; import javax.websoc...
Java后端WebSocket的Tomcat实现
08-03 211
Java后端WebSocket的Tomcat实现 一.WebSocket简单介绍 　　随着互联网的发展，传统的HTTP协议已经很难满足Web应用日益复杂的需求了。近年来，随着HTML5的诞生，WebSocket协议被提出，它实现了浏览器与服务器的全双工通信，扩展了浏览器与服务端的通信功能，使服务端也能主动向客户端发送数据。 　　我们知道，传统的HTTP协议是无状态的，每次请...
基于Tomcat的webSocket的使用方式和源码分析
王星星
10-12 3605
WebSocket是基于tcp的一种全双工通信的协议，它在建立连接的时候需要使用http协议，之后开始连接之后会独立出来。通过，http的每次连接都需要建立在url之上，但是webSocket只需要一个url来建立握手。常见的webSocket有多种实现方式，如SpringBoot+tomcat，或者是springboot+netty 使用方式 以下的代码均是基于Spring+tomcat 首先会在socket那里协商ServerEndPoint注解，然后注解出几个方法，如@BeforeHa.
websocket之三：Tomcat的WebSocket实现
weixin_34283445的博客
12-12 462
Tomcat自7.0.5版本开始支持WebSocket，并且实现了Java WebSocket规范（JSR356 ），而在7.0.5版本之前（7.0.2版本之后）则采用自定义API，即WebSocketServlet。本节我们仅介绍Tomcat针对规范的实现。 根据JSR356的规定，Java WebSocket应用由一系列的WebSocket Endpoint组成。Endpoint是一个Jav...
websocket 结合 mongodb 代码案例
04-01
这是一个使用 Node.js、WebSocket 和 MongoDB 的代码示例，用于实时更新 MongoDB 数据库的文档。 首先，我们需要安装 `ws` 和 `mongodb` 这两个 Node.js 模块： ``` npm install ws mongodb ``` 然后，我们可以编写一个简单的 WebSocket 服务器： ```js const WebSocket = require('ws'); const MongoClient = require('mongodb').MongoClient; const url = 'mongodb://localhost:27017/mydb'; const wsServer = new WebSocket.Server({ port: 8080 }); wsServer.on('connection', (ws) => { console.log('Client connected'); MongoClient.connect(url, (err, db) => { if (err) throw err; const collection = db.collection('mycollection'); const changeStream = collection.watch(); changeStream.on('change', (change) => { ws.send(JSON.stringify(change.fullDocument)); }); }); ws.on('close', () => { console.log('Client disconnected'); }); }); ``` 这个服务器将在 `8080` 端口上监听 WebSocket 连接，并在每次 MongoDB 中指定集合的文档发生更改时，将更改后的完整文档发送给客户端。在这个例子中，我们假设 MongoDB 中有一个名为 `mydb` 的数据库和一个名为 `mycollection` 的集合。 最后，我们可以编写一个简单的客户端，以便连接到 WebSocket 服务器并接收来自服务器的更新： ```js const WebSocket = require('ws'); const ws = new WebSocket('ws://localhost:8080'); ws.on('open', () => { console.log('WebSocket connected'); }); ws.on('message', (data) => { console.log('Received update:', data); }); ``` 这个客户端将连接到 `localhost:8080` 上的 WebSocket 服务器，并在每次收到来自服务器的更新时，将其打印到控制台中。 注意，这个示例代码仅用于演示如何将 WebSocket 和 MongoDB 结合起来，实现实时数据同步。在实际应用中，还需要考虑安全、性能等方面的问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值