看了这个解释，我决定弃用 socket.io，直接使用 websocket

最新推荐文章于 2024-06-23 13:13:02 发布
最新推荐文章于 2024-06-23 13:13:02 发布
阅读量5.9k 收藏 2
点赞数
分类专栏： websocket
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/henryhu712/article/details/85316472
版权

原文地址在文章末尾。

原文解释了几个关于 websocket 和 socket.io 的误区，并给出实验结果。实验结果同学们可以自己看，下面是作者指出的三个常见误区：

  1. 使用 sokcet.io 要比直接用 websocket 简单很多。
  2. 浏览器对 Websocket 的支持还不全面。
  3. 当老的浏览器不支持 Websocket 时，socket.io 会降级进行其他方式的连接。 实际情况不是这样的，socket.io 在初始连接的时候，是使用 AJAX 方式进行连接，在交换信息之后确定浏览器支持 Websocket 了，才升级到 Websocket 方式。

https://stackoverflow.com/a/38558531/3054511

亮子AI
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
《 Socket.IO》 解决 WebSocket 通信
Cbuc丶的博客
03-13 6149
大家好呀，我是小菜~ 本文主要介绍 Socket.IO 微信公众号已开启，小菜良记，没关注的同学们记得关注哦！ 在介绍 Socket.IO 之前, 我们先考虑一个问题, 如果这个时候有个需求, 类似实现人工客服的功能该如何实现? 在线客服，需求理解起来很简单，就相当于一个 web 的聊天页面，也就是客户端能够 即时拉取到服务端的响应 当然, 作为接口工程师, 这并不是一个很难解决的问题, 我们可以提供一个获取聊天记录的接口, 通过该接口我们可以获取到对方已经发送到消息. 那么问题又来了, 如何保证
即时通讯-Socket.io的使用
weixin_68658847的博客
04-24 162
即时通讯-Socket.io的使用
详细介绍一下Socket.IO是什么
最新发布
u012903034的博客
06-23 919
Socket.IO 是一个强大且灵活的库，通过提供对WebSocket及其回退机制的封装，实现了跨平台的实时双向通信。它的自动回退机制、事件驱动模型、命名空间和房间功能使得它非常适合于需要实时通信的应用，如聊天室、实时协作工具和在线游戏等。通过以上的介绍和示例代码，可以帮助开发者快速上手并实现稳定可靠的实时通信功能。
B站 使用socket.io制作网页聊天应用
Lakeson
03-02 503
大多数实时聊天系统通常基于 socket 来构建。 Socket 为客户端和服务器提供了双向通信机制。 这意味着服务器可以推送消息给客户端。无论何时你发布一条消息，服务器都可以接收到消息并推送给其他连接到服务器的客户端。
漫谈socket-io的基本原理
我的程序人生(亦山札记)
03-29 7907
大纲前言小本经营的餐馆 前言 socket-io 机制是服务端高性能通信的基石，只有彻底弄清楚socket-io原理，才能真正理解一些高性能框架如rocketmq、netty、以及web容器的底层到底做了什么。作者也思考了很久，想通过一个简单易懂的故事，来表达和理解各种晦涩难懂的概念，接下来我将通过开餐馆的过程，来阐述各种socket-io的基本原理。 小本经营的餐馆 大龄程序员 亦山 因年龄过大，不能加班被公司向社会输出了。总归要养家呀，就找了个档口，开了个小餐馆儿。由于资金有限，只能请得起一个服务员Am
Node.js websocket使用socket.io库实现实时聊天室
01-02
之前用java jsp写过一个聊天，其实实现逻辑并不难，只是大部分时间都用在UI的设计上，其实现原理就是一个基于websocket的通信，要想做一个好的聊天室，我觉得大部分精力可能更应该花在与用户的视觉层交互上。...
Cocos Creator 3.x 中使用 Socket.io
10-10
Cocos Creator 3.x 中使用 Socket.io Cocos Creator 3.x 中使用 Socket.io 文档地址：https://blog.csdn.net/nicepainkiller/article/details/127239678 文档地址：...
weapp.socket.io
04-21
在微信小程序中，由于其特殊的运行环境，直接使用原生WebSocket可能面临一些限制，因此"weapp.socket.io"进行了适配优化。 "weapp.socket.io.js"是这个库的主要实现文件，它可能包含了以下功能： 1. **初始化连接*...
vue-websocket：Vue.js的简单websocket（socket.io）插件
02-06
Vue网络套接字 Vue.js的插件。 该软件包不支持本地websockets 。 当时，我们建议使用或。 有关此问题的持续讨论，请访问 。安装您可以使用npm安装此软件包，也可以通过下载主插件文件进行... 或连接到另一个地址： Vue
unity3d websocket 客户端库 socket.io v3 v4
07-31
unity3d商城付费资源，用于实现websocket客户端，有服务端范例代码
WebSocket之socket.io的基本使用
Ghmin的博客
03-19 4341
使用WebSocket可以实现非常多有趣又实用的功能，后面再写一个在线聊天室巩固一下知识。推荐阅读【微信小程序&uniapp系列文章】【Vue实用插件及技巧系列文章】
小白的踩坑记录——socket.io-解决多进程
杨小依_哒哒哒小博客
09-07 1万+
利用socket.io实现多线程长连接
socket.io跨域踩坑
zep
01-10 2019
一、koa结合socket.io 后端代码： // 引入依赖 const koa = require("koa"); // 初始化koa const app = new koa(); // 开启 http var server = require("http").createServer(app.callback()); // 初始化 socket const io = require("socket.io")(server, { cors: true }); // 监听 io.on("connection
使用 socket.io.js 实现 websocket 实时通讯
热门推荐
小皮咖的博客
03-28 4万+
背景 最近公司在做一个快递柜项目，需要与快递柜设备端进行实时通讯，因此接触了 websocket. websocket 作用 简单的说： 传统 http 通讯一次交互数据后就断开连接了，服务端没法主动向客户端推送信息。 而长连接的 websocket 解决了这一问题 下面会有一个简单的例子介绍 socket.io.js 的使用 github 代码地址 将...
2021-3-29websocket，socket.io
weixin_53125679的博客
03-29 306
文章目录websocketwebsocket对象websocket的事件websocket的方法客户端服务器端socket.io客户端服务器端socket.io在 express 框架中的用法socket.io的基本用法emit()提交事件on() 监听事件服务器发送消息的方式 websocket WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSock
使用Node.js+Socket.IO搭建WebSocket实时应用 分类： ...
weixin_30570101的博客
06-29 747
Web领域的实时推送技术，也被称作Realtime技术。这种技术要达到的目的是让用户不需要刷新浏览器就可以获得实时更新。它有着广泛的应用场景，比如在线聊天室、在线客服系统、评论系统、WebIM等。本文就让我们来看看如何搭建一个Web实时应用。 AD：WOT2014：用户标签系统与用户数据化运营培训专场 51CTO主办WOT全球软件技术峰会直减百元优惠活动 抢票进...
websockets 和 socketio 的比较
Alex的博客
10-24 1895
websockets 和 socketio 的比较
websocket和socket.io
weixin_42679876的博客
08-02 3300
websocket和socket.io
socket.io实时监控数据库，数据变化更新页面
前端小贰
08-14 8030
一、分别安装vue和node对应的socket.io cnpm intsall socket.io -save cnpm install vue-socket.io -save 二、前端socket配置 1、main.js引入socket，并连接3000端口 import vue_socket from 'vue-socket.io' Vue.use(vue_socket, 'ht...
vue3使用 Socket.io 实现的 WebSocket 连接
05-23
要在Vue 3中使用Socket.io实现WebSocket连接，可以按照以下步骤进行： 1. 安装Socket.io客户端库 在Vue项目中使用npm或yarn安装Socket.io客户端库： ``` npm install socket.io-client ``` 或 ``` yarn add socket.io-client ``` 2. 在Vue组件中引入Socket.io客户端库 在需要使用WebSocket的Vue组件中引入Socket.io客户端库： ```javascript import io from 'socket.io-client' ``` 3. 创建WebSocket连接 在Vue组件的created()钩子函数中创建WebSocket连接： ```javascript created() { this.socket = io('http://localhost:3000') } ``` 这里我们使用localhost:3000作为示例，你需要将其更改为你实际使用的WebSocket服务器地址。 4. 接收WebSocket消息 在Vue组件中，可以使用Socket.io提供的on()方法监听WebSocket消息： ```javascript created() { this.socket = io('http://localhost:3000') this.socket.on('message', message => { console.log(message) }) } ``` 这里我们监听了名为“message”的事件，你需要将其更改为你实际使用的事件名称。 5. 发送WebSocket消息 在Vue组件中发送WebSocket消息，可以使用Socket.io提供的emit()方法： ```javascript methods: { sendMessage() { this.socket.emit('message', 'Hello, WebSocket!') } } ``` 这里我们发送了一个名为“message”的消息，消息内容为“Hello, WebSocket!”，你需要将其更改为你实际使用的消息名称和内容。 以上就是使用Socket.io在Vue 3中实现WebSocket连接的基本步骤。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值