WebSocket --学习笔记

最新推荐文章于 2024-07-18 21:11:52 发布

A泽予

最新推荐文章于 2024-07-18 21:11:52 发布

阅读量220

点赞数 3

分类专栏： JavaWeb学习笔记文章标签： websocket 学习笔记

本文链接：https://blog.csdn.net/m0_71386740/article/details/139154597

版权

JavaWeb学习笔记专栏收录该内容

37 篇文章 0 订阅

订阅专栏

一、概述

WebSocket 是基于 TCP 的一种新的网络协议。它实现了浏览器与服务器全双工通信——浏览器和服务器只需要完成一次握手，两者之间就可以创建持久性的连接，并进行双向数据传输。

想象一下平时我们使用的聊天软件，当你发送一条信息后，通常不需要刷新页面，对方就能准时收到消息；同样地，当对方回复时，你也能立即看到新消息。这种实时且双向的数据交换就是WebSocket实现的效果。

与传统的HTTP请求不同，HTTP请求通常是单向的，客户端发送一个请求到服务器，服务器返回一个响应，结束这次通信；如果客户端需要新的数据，它必须再次发起请求。这个过程通常不能立即被客户端触发，这就导致了数据的实时更新较为复杂。

简单的说，Http就像是俩个人互相写信，而WebSocket就是俩个人互相打电话

WebSocket缺点：

服务器长期维护长连接需要一定的成本各个浏览器支持程度不一 WebSocket 是长连接，受网络限制比较大，需要处理好重连

结论：WebSocket并不能完全取代HTTP，它只适合在特定的场景下使用

二、使用

1、添加依赖

WebSocket依赖：

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

2、配置WebSocket消息处理器

创建一个WebSocket的消息处理器来处理客户端发来的消息：

/**
 * WebSocket服务
 */
@Component
@ServerEndpoint("/***")    //请求路径
public class WebSocketServer {

    //存放会话对象
    private static final Map<String, Session> sessionMap = new HashMap();

    /**
     * 连接建立成功调用的方法
     */
    @OnOpen
    public void onOpen(Session session, @PathParam("sid") String sid) {
        System.out.println("客户端：" + sid + "建立连接");
        sessionMap.put(sid, session);
    }

    /**
     * 收到客户端消息后调用的方法
     *
     * @param message 客户端发送过来的消息
     */
    @OnMessage
    public void onMessage(String message, @PathParam("sid") String sid) {
        System.out.println("收到来自客户端：" + sid + "的信息:" + message);
    }

    /**
     * 连接关闭调用的方法
     *
     * @param sid
     */
    @OnClose
    public void onClose(@PathParam("sid") String sid) {
        System.out.println("连接断开:" + sid);
        sessionMap.remove(sid);
    }

    /**
     * 群发
     *
     * @param message
     */
    public void sendToAllClient(String message) {
        Collection<Session> sessions = sessionMap.values();
        for (Session session : sessions) {
            try {
                //服务器向客户端发送消息
                session.getBasicRemote().sendText(message);
            } catch (Exception e) {
                e.printStackTrace();
            }
        }
    }

2、添加配置类

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

/**
 * WebSocket配置类，用于注册WebSocket的Bean
 */
@Configuration
public class WebSocketConfiguration {

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

}

4、与客户端建立连接

客户端需要使用WebSocket API或者兼容的库来连接至服务器的WebSocket端点。以下是一个简单的JavaScript例子，展示如何建立连接并发送/接收消息：

   <!DOCTYPE html>
   <html>
   <body>
       <script type="text/javascript">
           var ws = new WebSocket("ws://localhost:8080/my-websocket");
           ws.onopen = function() {
               console.log("连接开启");
               ws.send("Hello Server!");
           };
           ws.onmessage = function(event) {
               console.log("接收到消息: " + event.data);
           };
           ws.onclose = function() {
               console.log("连接关闭");
           };
           ws.onerror = function() {
               console.log("发生错误");
           };
       </script>
   </body>
   </html>

A泽予

关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
WebSocket --学习笔记

WebSocket 是基于 TCP 的一种新的。它实现了浏览器与服务器全双工通信——浏览器和服务器只需要完成一次握手，两者之间就可以创建的连接，并进行数据传输。想象一下平时我们使用的聊天软件，当你发送一条信息后，通常不需要刷新页面，对方就能准时收到消息；同样地，当对方回复时，你也能立即看到新消息。这种实时且双向的数据交换就是WebSocket实现的效果。与传统的HTTP请求不同，HTTP请求通常是单向的，客户端发送一个请求到服务器，服务器返回一个响应，结束这次通信；
复制链接

扫一扫