webSocket的使用

最新推荐文章于 2024-05-21 15:40:10 发布
最新推荐文章于 2024-05-21 15:40:10 发布
阅读量359 收藏
点赞数
分类专栏： 架构
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010061060/article/details/81672124
版权

服务端：

1、pom文件中引入webScoket组件

<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-websocket</artifactId>
		</dependency>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-thymeleaf</artifactId>
		</dependency>

2、建立webSocket配置类

首先要注入ServerEndpointExporter，这个bean会自动注册使用了@ServerEndpoint注解声明的Websocket endpoint。要注意，如果使用独立的servlet容器，而不是直接使用springboot的内置容器，就不要注入ServerEndpointExporter，因为它将由容器自己提供和管理。

package com.javamalls.config;

import org.springframework.context.annotation.Bean;
import org.springframework.stereotype.Component;
import org.springframework.web.socket.server.standard.ServerEndpointExporter;

@Component
public class WebSocketConfig {

    @Bean
    public ServerEndpointExporter serverEndpointExporter() {
        return new ServerEndpointExporter();
    }
}

3、建立webSocket服务端

package com.javamalls.socket;

import org.springframework.stereotype.Component;

import javax.websocket.OnClose;
import javax.websocket.OnMessage;
import javax.websocket.OnOpen;
import javax.websocket.Session;
import javax.websocket.server.ServerEndpoint;
import java.util.concurrent.CopyOnWriteArrayList;

@Component
@ServerEndpoint("/webScoket")
public class WebScoketUtil {
    private Session session;
    private static CopyOnWriteArrayList<WebScoketUtil> webSocketSet=new CopyOnWriteArrayList<>();

    @OnOpen
    public void onOpen(Session session){
        this.session=session;
        webSocketSet.add(this);
        System.out.println("【websocket消息】有新的连接, 总数:"+webSocketSet.size());
    }

    @OnClose
    public void onClose() {
        webSocketSet.remove(this);
        System.out.println("【websocket消息】连接断开, 总数:"+webSocketSet.size());
    }

    @OnMessage
    public void onMessage(String message) {
        System.out.println("【websocket消息】收到客户端发来的消息:"+ message);
    }

    public void sendMessage(String message) {
        for (WebScoketUtil webSocket: webSocketSet) {
            System.out.println("【websocket消息】广播消息, message="+message);
            try {
                webSocket.session.getBasicRemote().sendText(message);
            } catch (Exception e) {
                e.printStackTrace();
            }
        }
    }

}

4、调用

package com.javamalls.controller;

import com.javamalls.socket.WebScoketUtil;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

@RestController
public class SendMessage {
    @Autowired
    private WebScoketUtil webScoketUtil;

    @RequestMapping("/sendMsg")
    public String send(){
        webScoketUtil.sendMessage("你好，这是消息测试");
        return "发送socket消息成功";
    }
}

客户端调用：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<script>
    var websocket = null;
    if('WebSocket' in window) {
        websocket = new WebSocket('ws://localhost:8087/webScoket');
    }else {
        alert('该浏览器不支持websocket!');
    }

    websocket.onopen = function (event) {
        console.log('建立连接');
    }

    websocket.onclose = function (event) {
        console.log('连接关闭');
    }

    websocket.onmessage = function (event) {
        console.log('收到消息:' + event.data)
        alert(event.data)
    }

    websocket.onerror = function () {
        alert('websocket通信发生错误！');
    }

    window.onbeforeunload = function () {
        websocket.close();
    }

</script>
<body>

这是首页
</body>
</html>

 

妖月风
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
websocket需要用到jar包
03-26
websocket需要用到jar包websocket需要用到jar包websocket需要用到jar包
websocket使用案例
08-28
在这个"WebSocket使用案例"中，我们可以预期会了解到以下关键点： 1. **WebSocket握手**：WebSocket连接的建立始于客户端发起一个HTTP Upgrade请求，服务器回应101 Switching Protocols状态码，表示同意升级到...
WebSocket的引入
我的博客
10-07 1890
目录 WebSocket的基本使用 使用WebSocket改造项目
webSocket介绍与使用 spring boot 集成 websocket教程 java
最新发布
a360284634的博客
05-21 2657
WebSocket介绍与使用 java spring boot集成WebSocket教程
Websocket（1）pom引入、嵌入spring
weixin_30760895的博客
08-06 1394
1、引入pom文件 　　　　 <!-- https://mvnrepository.com/artifact/org.springframework/spring-websocket --> <dependency> <groupId>org.springframework</groupId> ...
Spring Framework 参考文档（WebSocket API）
weixin_34041003的博客
10-17 393
WebSocket API Spring Framework提供了一个WebSocket API，你可以使用它来编写处理WebSocket消息的客户端和服务器端应用程序。 WebSocketHandler 创建WebSocket服务器就像实现WebSocketHandler一样简单，或者更可能是扩展TextWebSocketHandler...
spring-boot集成web-socket
zhaoyahui_666的博客
07-05 320
1、添加依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-websocket</artifactId> </dependency> 2、配置socket import org.springframework.cont
uni-app中H5、PC端websocket使用
08-24
在uni-app框架中，我们不仅可以使用WebSocket在移动H5环境中，还可以扩展到桌面PC端，实现高效且实时的数据交互。 在uni-app中，WebSocket的使用主要包括以下几个关键步骤： 1. **初始化WebSocket连接**： 在uni-...
C# WebSocket使用实例源码，包含服务端和客户端
03-13
总的来说，这个"C# WebSocket使用实例"是一个很好的学习资源，它涵盖了WebSocket的基本概念和C#实现细节。通过研究和运行这个示例，开发者可以更好地理解和掌握WebSocket在实际项目中的应用，特别是在需要实时数据...
详解spring boot Websocket使用笔记
08-31
本文将深入讲解如何在Spring Boot项目中配置和使用WebSocket。 **一、WebSocket简介** WebSocket是一种在客户端和服务器之间建立长连接的协议，允许双方进行全双工通信。相比于传统的HTTP请求，WebSocket提供更低...
WebSocket使用教程.rar
09-16
为了更好地理解WebSocket，可以从"WebSocket使用教程.pdf"中获取更详细的实现方法、最佳实践和示例代码。这份教程可能涵盖了WebSocket连接的创建、数据传输、错误处理、安全性设置等方面，是学习WebSocket技术的良好...
web项目使用websocket
01-27
网页使用websocket实现网页的实时信息显示。Tomcat+websocket。
基于maven的websocket实例
10-14
本工程是java 实现tomcat自带的websocket信息交互案例，基于maven构建的。
JAVA-SpringBoot web-socket通信
前方的路在刚开始
08-23 1991
web-socket在开发中我们经常使用，尤其是在语音、聊天、游戏等方面。 我公司的app也需要一个语音功能，于是我就 采用了web-socket。他的原理，你只要 有一丢丢的程序逻辑，都能想到。无非就是，A监听服务端的消息，B发送给服务端。服务端发送给A。 最难的地方可能就是监听了，你写个while循环。或者采用队列的形式，都可以去做。 那么原理，想必你也清楚了，那我们开始。首先第一步还是先导入依赖（别人写好的底层包） <dependency> <groupId
Spring系列：WebSocket完整入门例子
NIO4444
03-15 529
目录 效果 配置 application.properties pom引入 JAVA文件 HelloWorldApplication WebSocketConfig WebSocket 网页 2.html 浏览器 前台数据 后台数据 效果 配置 application.properties #spring.main.banner-mode = off spring.output.ansi.enabled=ALWAYS server.port=8888...
2.基础概念与长连接
嗨皮螃的博客
10-12 154
1. 同步与异步 https://www.cnblogs.com/orez88/articles/2513460.html 对于程序的执行流程来说，一般是从上而下的方式来执行， 除非遇到流程控制语句会有一些变化， 但是原则上都会遵循这个原则； 对于PHP来说在单线程的模式下那么一个进程在执行PHP代码的时候就会从第一行执 行到最后一行，那么这个过程我们就可以认为这是同步的，如果中间遇到了sleep()就不得不等待一下执行； 这种模式基本上可以满足于很多的应用场景； 但是并不是绝对的比如：像...
springboot整合webSocket：鉴权，心跳检测，wss请求，nginx配置、集群部署
qq_35683545的博客
07-07 5731
从nginx配置看，进行了负载均衡，服务进行了集群部署，项目部署在多台机器上，如此，当一个客户端用户和一台机器建立了链接，客户端自然是不会再去和其他机器建立连接，同时一般建立连接成功时，还会断开旧的连接，这样就不能和新的机器建立连接。其中要监听listen 80端口，尤其注意的是要注意这下面2个配置必须加上，否则建立连接成功立刻就会断掉。注意，使用wss调用需要在nginx配置ssl证书，否则部署到服务器是无法建立websocket连接的。收到客户端发送到服务器发给接收者的消息时，
Websocket的使用(javax.websocket版本)
热门推荐
fracong的博客
08-17 1万+
1.服务端； 2.客户端；
websocket
in_way的博客
12-21 502
1 Jar包准备和配置 1.1 所需jar包(pom文件引入)  Spring基础jar包：即web项目所需的spring jar包；  Websocket jar包：javax.websocket-ap（注意scope必须为provided,否则runtime会冲突）和spring-websocket。如图：   1.2 所需xml配置如图     注1：path为前台web
websocket使用
09-25
WebSocket使用一个特殊的HTTP握手请求来建立连接，然后使用持续连接（persistent connection）来进行实时的双向数据传输。它基于TCP协议，可以使用HTTP或HTTPS进行握手。与传统的HTTP请求-响应模式相比，WebSocket...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值