问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

WebSocket使用及在vue如何使用

发布网友 发布时间:2022-09-15 12:17

我来回答

1个回答

热心网友 时间:2023-01-23 12:41

WebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在 WebSocket API 中, 浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输

在 WebSocket API 中,浏览器和服务器只需要做一个握手的动作,然后,浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。

现在,很多网站为了实现推送技术,所用的技术都是 Ajax 轮询。轮询是在特定的的时间间隔(如每 1 秒),由浏览器对服务器发出 HTTP 请求,然后由服务器返回最新的数据给客户端的浏览器。这种传统的模式带来很明显的缺点,即浏览器需要不断的向服务器发出请求,然而 HTTP 请求可能包含较长的头部,其中真正有效的数据可能只是很小的一部分,显然这样会浪费很多的带宽等资源。

HTML5 定义的 WebSocket 协议,能更好的节省服务器资源和带宽,并且能够更实时地进行通讯。

浏览器通过 JavaScript 向服务器发出建立 WebSocket 连接的请求,连接建立以后, 客户端和服务器端就可以通过 TCP 连接直接交换数据

当你获取 Web Socket 连接后,你可以通过 send() 方法来向服务器发送数据,并通过 onmessage 事件来接收服务器返回的数据。

为了建立一个 WebSocket 连接,客户端浏览器首先要向服务器发起一个 HTTP 请求,这个请求和通常的 HTTP 请求不同,包含了一些附加头信息,其中附加头信息"Upgrade: WebSocket"表明这是一个申请协议升级的 HTTP 请求,服务器端解析这些附加的头信息然后产生应答信息返回给客户端,客户端和服务器端的 WebSocket 连接就建立起来了,双方就可以通过这个连接通道自由的传递信息,并且这个连接会持续存在直到客户端或者服务器端的某一方主动的关闭连接

socket.io 是一个类库,内部封装了 WebSocket,可以在浏览器与服务器之间建立实时通信。

如果某些旧版本的浏览器不支持 WebSocket,socket.io 会使用轮询代替。另外它还具有可发送二进制消息、多路复用、创建房间等特性,因此相比直接使用原生 WebSocket,socket.io 是更好的选择。

开发一个实时应用主要分两部分:服务端和客户端,socket.io 分别提供了相应的 npm 包供我们方便地调用。

接下来就通过一个生动形象且有趣的栗子分别介绍这两大块。

现在假设李白张三,李四,王五 5 个人加入了一个叫 棋牌室 的房间,在文章结束时我们将拥有一个麻雀虽小五脏俱全的峡谷英雄在线聊天室。

客户端的功能到这基本上也开发完了。核心 api 就是 on 和 emit 用于收发消息,既简单又优雅。

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
广东省考考哪3科 六个月宝宝缺铁吃什么好 疯狂动物园 大猩猩栖息地升级技巧 疯狂动物园怎么办boss任务 boss任务过法 疯狂动物园怎么驯服火山猩猩 疯狂动物园驯服火山猩猩 疯狂动物园火山猩猩 在陌生的城市如何辨别东南西北? 女羊男虎千万别在一起 女羊男虎婚配好不好 属羊女与属虎男婚姻能否长久 属羊女的和什么属相最配 哪里有做PVC银行卡材质的人像卡? 用雨 滴造句唯美一点 谢谢啦 造句最好有雨和滴、蓝三个字 唯美浪漫一点 谢谢啦 宋诗人高翥的后代 蓝牙耳机连上后如何上网 voocaro蓝牙耳机怎么连接手机上网 是什么让你如痴如醉的歌词 楼宇智能化工程技术的就业方向 楼宇智能化专业可以从事哪些方面的工作,在怎样的企业上班? 化学很差怎么办 羽毛球专项身体训练方法 炖鸡汤什么时候放盐最好 耐克鞋垫上没有耐克的标志是不是假的啊? 耐克的鞋子有没有鞋标在鞋垫上 刚入手一双耐克鞋,商标在鞋垫上,UPC码去官网鉴定说没信息,求大神看看这是真的吗? 穿高蹬鞋会有什么不好的影响吗? 儿子今年两岁,一生气就把鞋子蹬了,每天给他穿鞋子不下百次,累死我了,有什么办法可以不让他蹬掉鞋子 北京铁人三项赛自行车赛的鞋如何扣在自行车脚蹬上 我们坐在沙滩上举着沙瞧那光辉仿写句子用上一连串表示动作的词语_百度问一问 如何学好英语的英语ppt 六一儿童节是怎么来 梁的由来 1Cr20Ni14Si2不锈钢板多少钱一吨& 天龙八部打443要多少钱?444呢 我今天买的老凤祥千足金,443每克。我买贵了吗? 怎样下载下一站幸福花絮视频 在哪里有最新的视频花絮下载啊?比如一些网站... 哪里有仙剑3幕后花絮的视频下载 韩国KBS官网上善良的男人花絮视频怎么下载? 我要cf搞笑花絮视频完整版的1分多钟的下载地址 谢谢 寻找 无敌珊宝妹 的幕后花絮视频下载! 李俊基最新视频和花絮下载地址~ 么这个字的读音 停电了如何处理? 默默阅读课9:丰子恺散文《忆儿时》 忆儿时丰子恺读后感 读丰子恺《忆儿时》 馒头发好了没煤气怎么办 你和我都不想出去. 用neither....nor造句 “就英法联军远征中国给巴特勒上慰的信”给雨果写一封信=