EventSource

2023-10-24 14:52
文章标签 eventsource

本文主要是介绍EventSource,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

文章目录

    • 1. 区别
    • 2. WebSocket
    • 3. EventSource

前言:为了实现实时通讯,之前一直采用的是 WebSocket ,最近大家有 EventSource进行通信

1. 区别

  1. WebSocket & EventSource 的区别 WebSocket基于TCP协议,EventSource基于http协议。
  2. EventSource是单向通信,而websocket是双向通信。
  3. EventSource只能发送文本,而websocket支持发送二进制数据。 在实现上EventSource比websocket更简单。
  4. EventSource有自动重连接(不借助第三方)以及发送随机事件的能力。
  5. websocket的资源占用过大EventSource更轻量。
  6. websocket可以跨域,EventSource基于http跨域需要服务端设置请求头。

2. WebSocket

具体使用可以参考专栏:WebSocket 已进行封装

  • 是什么: WebSocket是一种通讯手段,基于TCP协议,默认端口也

这篇关于EventSource的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!


原文地址:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.chinasem.cn/article/275940

相关文章

vue3项目使用EventSource实现流式输出例如滚动日志

前言 之前接触的通信方式主要是HTTP请求和WebSocket,这次有机会了解到EventSource,记录一下。 简介 EventSource是一个浏览器端用于接收服务器推送事件(Server-Sent Events, SSE)的 JS API。与 WebSocket 不同,SSE 是单向的(服务器到客户端),适用于更新频率不高的实时通知、消息推送等场景。 基本用法 创建连接 con

前端怎么用 EventSource并配置请求头及加参数(流式数据)

这里写目录标题 一、EventSourcePolyfill二、直接上代码 EventSource 接口是 web 内容与服务器发送事件通信的接口。 一个 EventSource 实例会对 HTTP 服务器开启一个持久化的连接,以 text/event-stream 格式发送事件,此连接会一直保持开启直到通过调用 EventSource.close() 关闭。 EventSourc

ChatGPT为啥不用Websocket而是EventSource?

点击下方“JavaEdge”,选择“设为星标” 第一时间关注技术干货! 免责声明~ 任何文章不要过度深思! 万事万物都经不起审视,因为世上没有同样的成长环境,也没有同样的认知水平,更「没有适用于所有人的解决方案」; 不要急着评判文章列出的观点,只需代入其中,适度审视一番自己即可,能「跳脱出来从外人的角度看看现在的自己处在什么样的阶段」才不为俗人。 怎么想、怎么做,全在乎自己「不断实践中寻找适

EventSource 在项目中常用的两种方式

一、认识EventSource  EventSource(也称为Server-Sent Events,简称SSE)是HTML5中的一种新的API,用于实现服务器端向客户端推送事件。其数据主要基于HTTP协议进行传输,并且数据帧必须编码成UTF-8的格式。 eventSource是单向通信的,只能从服务器端向客户端发送数据。如果你需要双向通信(即客户端和服务器之间可以相互发送数据),那么你可能需

SSE EventSource

服务端事件EventSource揭秘 SSE eventSource简单介绍 20行代码写一个数据推送服务 服务端推 服务端推,指的是由服务器主动的向客户端发送消息(响应)。在应用层的HTTP协议实现中,“请求-响应”是一个round trip,它的起点来自客户端,因此在应用层之上无法实现简易的服务端推功能。当前解决服务端推送的方案有这几个: 客户端长轮询websocket双向连接ifr

EventSource之重连特性 学习

进入本文博客正题之前,或者对EventSource完全还没了解之前,可以简单阅读一下下面这篇博客https://blog.csdn.net/qq_44327851/article/details/135157086。         通过对EventSource的简单学习之后,我们很容易就能发现EventSource其中一个特性就是——自动重连,其中它还提供了一个retry字段来

Vue3 + xterm + eventSource

xterm 是一个使用 typescript 编写的前端终端组件,可以在浏览器中实现一个命令行终端应用,通常与 websocket一起使用。 一、安装 pnpm install xtermoryarn add xtermorpnpm install xterm 二、代码实现: 实现日志展示 <template><a-modal class="task-log-dialog"

EventSource 长链接执行

EventSource 说明文档MDN 其他参考文档 一、利用node启服务 import fs from 'fs'import express from 'express'const app = express()// eventSource 仅支持 get 方法// 服务器端发送的数据必须是纯文本格式,不能是二进制数据。app.get('/api', (req, res) =

VUE中使用EventSource接收服务器推送事件

// Vue项目中,EventSource触发的事件中this指向变了// 使用const that = this,然后在EventSource触发的事件中使用thatif (typeof (EventSource) !== 'undefined') {const evtSource = new EventSource('/log/print', { withCredentials: true

vue2中使用EventSource(EventSourcePolyfill)实现持续的消息推送

需求:要实现一个 管理员启动、暂停、结束等一系列操作任务的时候,后端将消息通过EventSource传递给前端,前端展示出来 为什么要用EventSourcePolyfill,而不是EventSource? 答:因为在和后端建立连接的时候,需要传递token用来建立身份标识,而eventSource的官网没有找到相关传参的API,如果你这边不需要传递任何参数,两者用哪个都行。 具体组件代码如