websocket配合socketio实现客户端和服务器双工通信

最新推荐文章于 2025-07-04 10:56:41 发布
原创 最新推荐文章于 2025-07-04 10:56:41 发布 · 2.8k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

通过安装和使用socket.io库，本文演示了如何在Node.js服务器端和JavaScript客户端之间建立WebSocket双工通信。首先，使用npm安装socket.io为开发依赖。接着，展示了服务器端的初始化设置和事件监听，以及客户端如何连接服务器并实现消息收发。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

  1. 下载socket.io
    npm i socket.io --save-dev

  2. 服务器端代码（nodejs）

const http = require('http');
const io = require('socket.io');

let httpServer = http.createServer();
httpServer.listen(8888
最低0.47元/天 解锁文章

200万优质内容无限畅学
websocket和socket.io
weixin_42679876的博客
08-02 3625
websocket和socket.io
WebSocket + Flask 实现服务端和客户端全双工通信示例教程
jhzhong'Blog
04-08 2569
​ WebSocket 是一种网络通信协议，允许服务器和客户端之间进行全双工通信，这意味着服务器可 以主动向客户端发送消息，客户端也可以主动向服务器发送消息。Flask 是一个使用 Python 编写 的轻量级 Web 应用框架。虽然 Flask 本身不直接支持 WebSocket，但我们可以使用 FlaskSocketIO 扩展来添加 WebSocket 支持。
SocketIO包括客户端和服务器端代码
12-24
Usage example： 1. Build or install Netty-socketio lib to your maven repository. `mvn clean install` 2. Switch to /server folder and build server by maven. 3. Run server by command `mvn exec:java` 4. Run client in browser, by opening* file /client/index.html
WebSocket以及socketIO的使用
rizon886的博客
08-03 1724
简介 WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。 现在，很多网站为了实现推送技术，所用的技术都是 Ajax 轮询。轮询是在特定的的时间间隔（如每1秒），由浏览器对服务器发出HTTP请求，然后由服务器返回最新的数据给客户端的浏览器。这种传统的模式带来很明显的缺点，即浏览器需要不断的向服务器发出请求，然而HTTP请求可能...
Socket.io与WebSocket技术深入解析
最新发布
weixin_36231030的博客
07-04 748
Socket.IO是一个用于实时、双向和基于事件的通信的JavaScript库。它允许开发者轻松地实现在Web浏览器与Web服务器之间进行实时通信。这种通信方式是全双工的，意味着服务器和客户端可以同时进行数据的发送和接收。Socket.IO特别擅长处理各种网络条件下的稳定连接，即使在网络环境不佳时也能保持连接的有效和高效。
关于项目中使用netty-socketIO实现ws推送服务
weixin_33691817的博客
11-27 1158
关于项目中使用netty-socketIO的问题 参考: github.com/mrniko/nett… 根据源码自己打包了1.7.17版本供自己项目使用（仓库目前 1.7.16） 项目由springboot编写，移除tomcat依赖，纯粹的websocket服务,不编写任何业务代码，跟其他服务以队列的方式进行交互 服务仅担任搬运工的角色。\ 统计在线人数 client跟channel是分开存的，...
带你掌握webSocket 和 socket.io的基本用法
qq_61233877的博客
03-01 2320
使用两个聊天案例带你掌握 webSocket 和 socket.io并且体会到他们的使用场景
flask-socketio实现WebSocket的方法
09-20
WebSocket协议是一种在单个TCP连接上进行全双工通信的协议，允许服务器主动向客户端推送数据，这在Web应用中非常有用，尤其在需要实时通信的场合，如聊天应用、实时通知推送、在线游戏等场景。 在传统的Web应用中，...
QtSocketIo: websocket客户端与服务器实现教程
综合以上信息，我们可以推断出，这个资源包QtSocketIo可能是开发者为了在Qt应用程序中实现websocket通讯而搜集的一系列文件，包括了必要的客户端和服务器端的代码。开发者可以利用这些资源快速搭建起一个基于Qt的...
基于WebSocket与SocketIO的实时聊天室毕业设计
05-22
为此，WebSocket协议应运而生，它提供了一种在单个TCP连接上进行全双工通讯的方式，实现了客户端与服务器之间的实时数据交换，极大地提升了网络通讯的效率和实时性。而SocketIO作为WebSocket的一个高级封装库，它...
SocketIO介绍及用法
Gua_guagua的博客
05-19 1万+
SocketIO是在客户端和服务端之间建立的双向通信数据交换技术，底层使用EngineIO。SocketIO的的客户端使用Engine.IO-Client，服务端使用http://Engine.IO实现。 SocketIO如何工作 当一个浏览器尝试建立SocketIO时，SocketIO首先使用xhr-polling创建一个长轮询。长轮询一旦建立，它将升级为WebSocket连接。 SocketIO底层是使用EngineIO库实现的，这个库使用WebSocket和XMLHttprequest封装了一套自己的
websocket与socket.io比较与分析
xiaojax的博客
04-07 7662
大家参与的项目里多少都会有web server与browser需要长连接互联的场景，当然我也是，之前没有进行太多方案的调研（比如深入理解通信协议和通用的一些解决方案），所以websocket就不假思索地直接用了，包括去年写的框架xframe里也是直接嵌入了官方websocket的library来实现的。 两周前遇到个场景，前端大佬提需求说能否支持socket.io，之前写的websocket的se...
使用js建立客户端与服务端的websocket连接实现通信
playxmz的博客
02-18 5256
socket.io 基于服务端之间提供实时双向基于时间通信的网络通信框架 websocket提供了相关的API 1，建立wesocket连接 第一步 关于node.js写法 // index.js const http = require('http').createServer() // 加载socket.io模块 获取socketio对象 // 用于处理客户短的websocket 连接他需要http服务器 const socketio=require('socket.i...
2021-3-29websocket，socket.io
weixin_53125679的博客
03-29 613
文章目录websocketwebsocket对象websocket的事件websocket的方法客户端服务器端socket.io客户端服务器端socket.io在 express 框架中的用法socket.io的基本用法emit()提交事件on() 监听事件服务器发送消息的方式 websocket WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSock
Android 即时通信WebSocket和SocketIO的总结
Crystal_xing的专栏
02-25 4807
       WebSocket部分：        首先应该先明确WebSocket是一个应用层协议，该协议是一种基于TCP连接上进行全双工通讯的协议（全双工通信允许发送数据和接收数据同时发生），因为有了WebSocket协议，使得客户端和服务器之间的数据实时交换变得更加简单，app客户端和服务器只需要完成一次握手（shake hand），两者之间就可以创建持久性的长连接，并进行双向数据传输。...
使用 socket.io.js 实现 websocket 实时通讯
热门推荐
小皮咖的博客
03-28 4万+
背景 最近公司在做一个快递柜项目，需要与快递柜设备端进行实时通讯，因此接触了 websocket. websocket 作用 简单的说： 传统 http 通讯一次交互数据后就断开连接了，服务端没法主动向客户端推送信息。 而长连接的 websocket 解决了这一问题 下面会有一个简单的例子介绍 socket.io.js 的使用 github 代码地址 将...
使用netty-socketIO实现服务端向客户端推送消息
邱鑫不甜的博客
10-26 2282
1.功能概述 ​ Netty-SocketIO是一个开源的、基于Netty的、Java版的即时消息推送项目。通过Netty-SocketIO，我们可以轻松的实现服务端主动向客户端推送消息的场景。它和websocket有相同的作用，只不过Netty-SocketIO可支持所有的浏览器。 ​ Socket.IO除了支持WebSocket通讯协议外，还支持许多种轮询（Polling）机制以及其它实时通信方式，并封装成了通用的接口，并且在服务端实现了这些实时机制的相应代码。Socket.IO能够根据浏览器对通讯
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值