广告
返回顶部
首页 > 资讯 > 前端开发 > node.js >什么是WebSocket技术
  • 330
分享到

什么是WebSocket技术

2024-04-02 19:04:59 330人浏览 泡泡鱼
摘要

本篇内容主要讲解“什么是websocket技术”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“什么是WEBSocket技术”吧!在WebSocket规范提出之前,

本篇内容主要讲解“什么是websocket技术”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“什么是WEBSocket技术”吧!

在WebSocket规范提出之前,开发人员实现实时性较强的功能基本采用两种轮询方法:轮询(polling)和Comet技术。

轮询:轮询技术要求客户端以设定的时间间隔周期性地向服务端发送请求,频繁地查询是否有新的数据改动。明显地,这种方法会导致过多不必要的请求,浪费流量和服务器资源。

Comet技术可分为:长轮询、流技术。长轮询改进了上述的轮询技术,减小了无用的请求。它会为某些数据设定过期时间,当数据过期后才会向服务端发送请求;这种机制适合数据的改动不是特别频繁的情况。流技术**指客户端使用一个隐藏的窗口与服务端建立Http长连接,服务端会不断更新连接状态以保持HTTP长连接存活,然后才能主动推送数据给客户端。

缺点:这两种技术每一次请求、应答,都浪费了一定流量在相同的头部信息上,并且开发复杂度也较大。

伴随着HTML5推出的WebSocket,使B/S模式具备了C/S模式的实时通信能力。WebSocket连接本质上是tcp连接,不需要每次传输都带上重复的头部数据。WebSocket的工作流程:浏览器通过javascript向服务端发出建立WebSocket连接的请求,在WebSocket连接建立成功后,客户端和服务端就可以通过TCP连接传输数据。

WebSocket与TCP、HTTP的关系

WebSocket与http协议一样都是基于TCP的可靠协议,WebSocket在建立握手连接时,数据是通过http协议传输的,但是在建立连接之后,真正的数据传输阶段是不需要http协议参与的。

什么是WebSocket技术

websocket通讯原理

从下图可以明显的看到,分三个阶段:

  1. 鸿蒙官方战略合作共建——HarmonyOS技术社区

  2. 打开握手

  3. 数据传递

  4. 关闭握手

什么是WebSocket技术

下图显示了WebSocket主要的三步 浏览器和 服务器端分别做了那些事情。

什么是WebSocket技术

websocket优缺点

a)、服务器与客户端之间交换的标头信息很小,大概只有2字节;

b)、客户端与服务器可互相主动传送数据给对方;

c)、Websocket是http协议的升级,支持持久连接并只需一次握手。不用频率创建TCP请求及销毁请求,减少网络带宽资源的占用,同时也节省服务器资源;

Spring boot websocket实现

引入依赖

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

 创建 WebSocket 处理器

扩展 TextWebSocketHandler 或 BinaryWebSocketHandler ,你可以覆写指定的方法。Spring 在收到  WebSocket 事件时,会自动调用事件对应的方法。

package com.ganhuojun.websocket.spring;  import org.springframework.stereotype.Component; import org.springframework.web.socket.CloseStatus; import org.springframework.web.socket.WebSocketHandler; import org.springframework.web.socket.WebSocketMessage; import org.springframework.web.socket.WebSocketSession;  @Component public class MySpringWebSocketHandler implements WebSocketHandler {           @Override     public void afterConnectionEstablished(WebSocketSession webSocketSession) throws Exception {         System.out.println("spring 链接" + webSocketSession.getId());     }           @Override     public void handleMessage(WebSocketSession webSocketSession, WebSocketMessage<?> webSocketMessage) throws Exception {      }           @Override     public void handleTransportError(WebSocketSession webSocketSession, Throwable throwable) throws Exception {      }           @Override     public void afterConnectionClosed(WebSocketSession webSocketSession, CloseStatus closeStatus) throws Exception {      }           @Override     public boolean supportsPartialMessages() {         return false;     } }

配置 WebSocket

将 WebSocket 处理器添加到注册中心

package com.ganhuojun.websocket.spring;  import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.springframework.web.socket.config.annotation.EnableWebSocket; import org.springframework.web.socket.config.annotation.WebSocketConfigurer; import org.springframework.web.socket.config.annotation.WebSocketHandlerReGIStry;  @Configuration @EnableWebSocket public class SpringWebSocketConfig implements WebSocketConfigurer {      @Override     public void registerWebSocketHandlers(WebSocketHandlerRegistry registry) {         //spring默认会给一个OriginHandshakeInterceptor的拦截器         // 因此需要setAllowedOrigins,否则websocket返回403         registry.addHandler(springWebSocketHandler(), "/spring/websocket").setAllowedOrigins("*");     }      @Bean     public MySpringWebSocketHandler springWebSocketHandler() {         return new MySpringWebSocketHandler();     }  }

前端可以自己编写js代码,本文直接使用websocket在线调试工具

http://www.websocket-test.com/

如下图,

 什么是WebSocket技术

根据前面后端代码,测试一下

 什么是WebSocket技术

后端日志

什么是WebSocket技术

到此,相信大家对“什么是WebSocket技术”有了更深的了解,不妨来实际操作一番吧!这里是编程网网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

--结束END--

本文标题: 什么是WebSocket技术

本文链接: https://www.lsjlt.com/news/84216.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 什么是WebSocket技术
    本篇内容主要讲解“什么是WebSocket技术”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“什么是WebSocket技术”吧!在WebSocket规范提出之前,...
    99+
    2022-10-19
  • PHP中的WebSocket技术指南
    随着Web应用程序应用的日益普及,Websocket成为了一项至关重要的技术。Websocket技术提供了一种全双工、实时通信的方式,并在传统的HTTP请求-响应模式中不断发展。PHP是一种流行的脚本语言,广泛用于Web开发和应用程序中。本...
    99+
    2023-05-22
    PHP websocket 技术指南
  • 什么是DefakeHop技术
    这篇文章主要讲解了“什么是DefakeHop技术”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“什么是DefakeHop技术”吧!深度检测:用DefakeHop检测DeepfakeARL研究人...
    99+
    2023-06-17
  • 什么是checkpoint技术
    这篇文章主要讲解了“什么是checkpoint技术”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“什么是checkpoint技术”吧!   ...
    99+
    2022-10-18
  • css技术是什么
    这篇文章给大家分享的是有关css技术是什么的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。   CSS是CascadingStyleSheets(层叠样式表)的缩写。   可以...
    99+
    2022-10-19
  • cdn技术是什么
    本篇内容主要讲解“cdn技术是什么”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“cdn技术是什么”吧!CDN的全称是Content Delivery Network,即内容分发网络。其目的是通过...
    99+
    2023-06-04
  • Jspxcms技术是什么
    这篇文章给大家分享的是有关Jspxcms技术是什么的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。Jspxcms使用了JavaEE行业主流的技术。使用的框架和技术主要有:SpringMVC3.2、Spring3.2...
    99+
    2023-06-26
  • 什么是CSS Hack技术
    这篇文章主要介绍“什么是CSS Hack技术”,在日常操作中,相信很多人在什么是CSS Hack技术问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”什么是CSS Hack技术”...
    99+
    2022-10-19
  • 云服务器关键技术是什么技术
    云服务器(Cloud Host)是一种提供高性能计算服务的服务器,它通常具有以下关键技术: 数据库技术:云服务器使用大型关系数据库,可以存储大量的数据,并提供查询、更新等功能。 负载均衡技术:云服务器通常使用多台服务器进行负载均衡,可以...
    99+
    2023-10-27
    关键技术 服务器 技术
  • ai指的是什么技术
    这篇文章将为大家详细讲解有关ai指的是什么技术,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。ai技术是新兴科学技术,AI技术的研究领域包括机器人、语言识别、图像识别、自然语言处理和专家系统等。AI的目的就...
    99+
    2023-06-06
  • 什么是香港vps技术
    香港VPS技术是将一台服务器分割成多个虚拟专享服务器的优质服务。为使用者提供了管理配置的自由,可用于企业虚拟化,也可以用于IDC资源租用。简单的说香港VPS就是通过虚拟化技术隔离出来的系统。可以像独立服务器一样,重装操作系统,安装程序,单独...
    99+
    2022-10-06
  • InnoDB的Checkpoint技术是什么
    InnoDB的Checkpoint技术是什么?这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容,让我们一起来看看吧!一句话概括,Checkpoint...
    99+
    2022-10-18
  • 什么是零拷贝技术
    本篇内容介绍了“什么是零拷贝技术”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!一、什么是零拷贝1、从一个案...
    99+
    2022-10-19
  • html5指的是什么技术
    这篇文章将为大家详细讲解有关html5指的是什么技术,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。html5是构建Web内容的一种语言描述方式,而在广义论及HTML5时,实际指的是包括HTML、CSS和J...
    99+
    2023-06-14
  • Java Web Start是什么技术
    这篇文章主要介绍了Java Web Start是什么技术,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。文档目录 JD018 cherami Mailto:cherami@16...
    99+
    2023-06-03
  • Android中的HOOK技术是什么
    目录1. 什么是 Hook2. Hook的应用场景3. Hook的技术方式或框架4. Hook的一般步骤和技巧实战1. 什么是 Hook Hook 英文翻译过来就是「钩子」的意思,那...
    99+
    2023-02-17
    Android HOOK技术 Android HOOK框架
  • chatgpt的技术原理是什么
    chatgpt的技术原理是通过人工的标注方式来训练出一种强化学习的冷启动模型和reward反馈模型,然后再通过强化学习的模式来学习出...
    99+
    2023-02-09
    chatgpt
  • Redis的分片技术是什么
    小编给大家分享一下Redis的分片技术是什么,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!redis分片什么意思?Redis的分...
    99+
    2022-10-18
  • MySQL预处理技术是什么
    MySQL预处理技术是什么,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。  传统mysql处理流程  1, 在客户端准备sql...
    99+
    2022-10-18
  • 隧道代理技术是什么
    隧道代理技术是什么,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。(一)隧道代理的工作原理隧道代理(TB)技术提供了简化的隧道配置方法,要求隧道双方支持双栈。通过TB,用户可以轻...
    99+
    2023-06-20
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作