实时通信代码封装:WebSocket+EventSource
文章平均质量分 64
以思路为线索,逐步深入 websocket ,掌握 websocket、 EventSource 常用习惯,打造拿来即用的已封装的websocket,提升工程化编码能力和思维能力
优惠券已抵扣
余额抵扣
还需支付
¥29.90
¥99.00
购买须知?
本专栏为图文内容,最终完结不会低于15篇文章。
订阅专栏,享有专栏所有文章阅读权限。
本专栏为虚拟商品,基于网络商品和虚拟商品的性质和特征,专栏一经购买无正当理由不予退款,不支持升级,敬请谅解。
博客zhu虎康
把最实用的经验,分享给最需要的读者,希望每一位来访的朋友都能有所收获!
展开
-
websocket中的STOMP 协议:sockjs-client 和 stompjs
我们使用的ts代替了js,在ts中直接引入使用js是不能被识别的,这时候就需要有一个.d.ts的声明文件,显然原始的SockJS库中并没有这个文件,所以我们需要自己去下载一个,不然在ts中会报找不到SockJS模块的错误。为什么要安装sockjs的.d.ts文件。原创 2024-07-11 09:46:09 · 794 阅读 · 0 评论 -
问题:EventSource 收不到流数据及 EventSource 的 onmessage 方法为null
所以我们后端返回数据时,比如你要返回一个字符串,那就把字符串的头部拼接上 event: message\ndata: , 并把字符串的尾部拼接上\n\n,即在你的数据尾部增加两个换行回车。其中,BackendValue 是要返回给前端的内容。原创 2023-10-24 15:07:39 · 1288 阅读 · 0 评论 -
EventSource
为了实现实时通讯,之前一直采用的是 WebSocket ,最近大家有 EventSource进行通信。原创 2023-10-24 14:08:45 · 270 阅读 · 0 评论 -
原生 Ajax 发送请求
为 200 时,表明请求成功,可以在回调函数中处理返回的数据。readyState请求准备状态,共有四个值1-4,1表示xhr创建 2表示数据处理完成 3表示请求已发送。原生的ajax,get没有params,所以,直接拼接到url上。查询字符串 queryString。如果是post请求,原生ajax,需要设置一个请求头,告诉后端,我发送的数据是什么格式的。后端接口文档中写了需要什么样格式的数据!,我们照着设置就好了。表示请求返回的状态码。原创 2023-09-06 18:57:23 · 507 阅读 · 0 评论 -
报错:axios发送的所有请求都是404
对后台发送数据请求接口,在 Swagger 上是可以请求到的 但是通过 Ajax 发送请求就会报 404。没有使用代理,直接在 main.js 中设置了类似base_url的请求路径。Swagger 上调用如下。原创 2023-08-31 14:37:46 · 1250 阅读 · 0 评论 -
页面禁用鼠标右键,禁用F12打开开发者工具!!!
打开开发者工具,更用不了鼠标右键,于是上网找了原因并亲测可用。今天在浏览博主文章时发现无法复制页面上的内容,也无法。在body中加上这段代码。原创 2023-08-22 15:59:25 · 717 阅读 · 0 评论 -
【报错】yarn --version Unrecognized option: --version Error...
全局安装 yarn 后,查看yarn 的版本号,报错如下。原创 2023-08-21 17:34:47 · 1647 阅读 · 0 评论 -
【报错】An error occurred. Sorry, the page you are looking for is currently unavailable. Please...
改后将 nginx 进程杀掉之后再重启一下 nginx 就好了。在排查错误之后,可能是因为路径的问题。原创 2023-08-21 09:19:57 · 5543 阅读 · 0 评论 -
【报错】VIte 警告:vue-i18n.esm-bundler.js:39 You are running the esm-bundler build of vue-i18n....
你正在运行vue-i18n的esm-bundler版本。建议配置你的bundle显式地用布尔字量替换特性标志全局变量,以在最终的bundle中获得正确的tree-shaking。文件,并添加以下代码。原创 2023-08-17 14:00:12 · 712 阅读 · 0 评论 -
文件的导入与导出
在我们日常开发中,会有文件的导入导出的需求,如何在 vue 项目中写导入导出功能呢。以 Excel 表格数据导出为例。原创 2023-08-16 17:34:10 · 576 阅读 · 0 评论 -
accept 上传类型限制整理
【代码】accept 上传类型限制整理。原创 2023-08-16 14:28:56 · 432 阅读 · 0 评论 -
一个页面连接多个websocket
【代码】一个页面连接多个websocket。原创 2023-04-26 17:09:27 · 3289 阅读 · 0 评论 -
Nginx 配置反向代理地址
当我们把地址都写进 nginx 进行代理时,一般是后端地址、websocket地址、静态资源加载地址。原创 2023-04-16 18:26:52 · 1073 阅读 · 1 评论 -
websocket 的创建与关闭
websocket 的创建与关闭。原创 2022-11-17 11:18:14 · 2275 阅读 · 1 评论 -
WebSocket
阮一峰笔记:https://www.ruanyifeng.com/blog/2017/05/websocket.htmlWebSocket 是一种协议,在2008年诞生,2011年成为国际标准。目前所有浏览器都已经支持了。WebSocket 的最大特点就是,服务器可以主动向客户端推送信息,客户端也可以主动向服务器发送信息,是真正的双向平等对话。下面一张图说明了 HTTP 与 WebSocket 的主要区别:客户端服务端实现websocket的web浏览器将通过websocket对象公开所有必须的客户原创 2022-07-07 23:34:38 · 923 阅读 · 0 评论