Socket.IO.js客户端连接异常时的内置事件流程

最新推荐文章于 2024-10-05 22:52:35 发布
最新推荐文章于 2024-10-05 22:52:35 发布
阅读量2.9k 收藏 1
点赞数 1
分类专栏： Java和Jvm im 文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zsj777/article/details/83212193
版权
本文介绍了Socket.IO.js客户端在连接异常时的内置事件，详细列举了10种内置事件，并通过官方文档提供了断网等异常状态下的事件处理流程。
摘要由CSDN通过智能技术生成

参考Soket.IO官方文档：https://socket.io/docs/client-api/，客户端内置事件一共有10种，事件如下：

socket.on('connect', function(data){
    //连接正常的事件
    console.log(JSON.stringify(data) + ' - connect');
});
socket.on('connect_error', function(data){
    console.log(JSON.stringify(data)+ ' - connect_error');
});
socket.on('connect_timeout', function(data){
    console.log(JSON.stringify(data)+ ' - connect_timeout');
});
socket.on('error', function(data){
    console.log(JSON.stringify(data) + ' - error');
});
socket.on('disconnect', function(data){
    //失去连接的事件
    console.log(JSON.stringify(data)+ ' - disconnect');
});
socket.on('reconnect', function(data){
    console.log(JSON.stringify(data) + ' - reconnect');
});
socket.on('reconnect_attempt', function(data){
    console.log(JSON.stringify(data)+ 
最低0.47元/天 解锁文章
非ban必选
关注
专栏目录
socket.io入门之Event
蛐蛐的博客
02-01 807
文档：Emitting events | Socket.IO 1.发射事件 有几种方法可以在服务器和客户端之间发送事件。 Socket.IO API 的灵感来自 Node.js EventEmitter 可以在一侧发出事件并在另一侧注册侦听器： // server-side io.on("connection", (socket) => { socket.emit("hello", "world"); }); // client-side socket.on("hello",
socket.io-unity：Unity的socket.io客户端，带有node.js后端的强大游戏客户端
02-03
标题提到的 "socket.io-unity" 是一个专门为 Unity 设计的 Socket.IO 客户端库，允许 Unity 游戏与采用 Node.js 作为后端服务器的应用进行交互。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，非常适合...
服务器socket信息清空,动态删除group和重启出现(客户端连接服务端出现了io异常:socket io exception occured while sending cmd)...
weixin_36122809的博客
08-10 1615
但是当我进行1M大小的文件并发测试的时候，就出现以下错误，还望能够帮忙看一下：2018-06-03 22:48:58,056 [pool-1-thread-10] ERROR com.github.tobato.fastdfs.proto.AbstractFdfsCommand - receive conent error java.io.IOException: recv cmd: 48 is ...
Socket.IO：一个基于 WebSocket 协议的库
最新发布
bollat的博客
10-05 803
Socket.IO是一个功能强大的库，能够帮助开发者轻松构建高效、可靠的实时应用。通过提供丰富的功能和良好的兼容性，Socket.IO在现代 Web 开发中得到了广泛的应用，使得构建实时应用变得简单而高效，非常适合需要频繁数据交互的场景。
com.github.tobato.fastdfs.exception.FdfsIOException: 客户端连接服务端出现了io异常:socket io exception occured whi
weixin_44685751的博客
04-20 4927
使用FastDFS上传图片报错。 情景，在使用mavon-editor富文本连续上传多张图片，后端使用FastDFS保存文件，出现一张上传成功，一张上传失败的显现。并且后端报错： com.github.tobato.fastdfs.exception.FdfsIOException: 客户端连接服务端出现了io异常:socket io exception occured while receive content at com.github.tobato.fastdfs.proto.Abstract
socket.io事件
weixin_30607029的博客
07-25 616
Socket.IO内置了一些默认事件，我们在设计事件的时候应该避开默认的事件名称，并灵活运用这些默认事件。 服务器端事件： io.sockets.on(‘connection’, function(socket) {})：socket连接成功之后触发，用于初始化 socket.on(‘message’, function(message, callback) {})：客户端通过socke...
FASTDFS ERROR 客户端连接服务端出现了io异常
ledrsnet的博客
03-24 2670
ERROR - file: storage_dio.c, line: 268, open file: 问题：上传文件到fastDFS报错：Connection reset by peer: socket write error等还有一下其他的错误。 查看fastDFS日志如下信息： 经检查，使用命令删除fastDFS存储的文件时，不小心将目录给删除了。上传文件到fastDFS时无法将文...
node.js中的Socket.IO使用实例
10-25
Socket.IO是一个易于使用、功能强大的WebSocket库，既包含客户端JavaScript，也包含服务器端的Node.js实现。它的主要目的是实现跨浏览器和移动设备的实时应用程序。Socket.IO通过自动检测并采用最佳的传输方式（如...
vue-socket.io跨域问题有效解决方法
10-15
Vue-Socket.IO是一个用于在Vue.js应用程序中集成Socket.IO的库，它允许实现实时双向通信。然而，当你在开发过程中遇到跨域问题时，这可能会阻碍你的应用正常工作。跨域是由于浏览器的安全策略限制，同一源策略规定，...
socket.io.js
05-28
Socket.IO.js是一个强大的实时应用程序框架，它为开发者提供了在Web应用中实现实时双向通信的能力。这个库基于WebSocket协议，并且在WebSocket不支持或者不可靠的环境下提供了多种备选方案，如polling、long-polling...
socket中的connect提示报错：errno = “EINPROGRESS“
Somnus陳的博客
01-06 4167
socket connect ioctlsocket error.h #define EINPROGRESS115 /* Operation now in progress */
集成netty-socketio、socket.io.js，总结一些可能出现的问题bug
weixin_44238896的博客
12-31 3352
一、网上集成例子： 第一种： https://www.cnblogs.com/zyulike/p/10775358.html 第二种： https://www.jianshu.com/p/af7d881f7546 https://www.jianshu.com/p/6d4c57f723b6 这两种方式的监听客户端发送给服务端的消息，是有区别的！！！一个是靠addEventListener监听，一个是靠注解@OnEvent监听。 二、个人经历以及大家可能出现的bug 本文只讲述部分可能出现的问题：
socket内置事件
chi1130的博客
05-31 563
Socket.IO内置了一些默认事件，我们在设计事件的时候应该避开默认的事件名称，并灵活运用这些默认事件。服务器端事件：io.sockets.on(‘connection’, function(socket) {})：socket连接成功之后触发，用于初始化 socket.on(‘message’, function(message, callback) {})：客户端通过socket.send来传
NodeJS WebScoket异常问题(由于线程阻塞)
程序员小站
09-24 2464
NodeJS WebScoket异常问题(由于线程阻塞)最近发现一个 WebSocket 的异常问题，莫名其妙的网络断掉了， 最后发现居然是处理文件导致主线程阻塞时间太长，WebSocket 莫名其妙的断掉了。 最后把文件处理模块改成异步的就好了。
连接服务端
qq_40208605的博客
10-29 286
另一种方式，打开CMD程序，进入到mysql安装目录的bin目录下
Socket层实现系列 — I/O事件及其处理函数
weixin_30412577的博客
05-23 224
主要内容：Socket I/O事件的定义、I/O处理函数的实现。 内核版本：3.15.2 我的博客：http://blog.csdn.net/zhangskd I/O事件定义 sock中定义了几个I/O事件，当协议栈遇到这些事件时，会调用它们的处理函数。 struct sock { ... struct socket_wq __rcu *sk_wq...
springboot 上传文件到fastDFS文件服务器发生com.github.tobato.fastdfs.exception.FdfsIOException异常
m0_52029207的博客
05-21 1927
目录 出现问题 问题解决 出现问题 在做项目时要用到文件上传的服务，所以就自己搭建了一个fastDFS文件服务器，历经千辛万苦终于搭建好了，在测试文件上传时出现了错误，一直报错IO异常。 com.github.tobato.fastdfs.exception.FdfsIOException: 客户端连接服务端出现了io异常:socket io exception occured while receive content 以下找bug的过程可以跳过，点击问题解决 下面是我的代码。。。
h5 websocket连接
sumimg的博客
10-10 1265
websocket连接 <html> <head> <script> var ws = new WebSocket("ws://192.168.21.117:8555"); //申请一个WebSocket对象，参数是服务端地址，同http协议使用http://开头一样，WebSocket协议的url使用ws://开头，另外安全的WebSocket协议使用wss://开头 ws.onope
61+.webSocket封装
Raccon_的博客
10-14 1658
笔记
nestjs 使用 socket.io 管理连接、处理事件、广播消息
09-13
NestJS 是一个用于构建高效、可靠和可扩展的服务器端应用程序的框架。它使用 TypeScript 编写，但也兼容纯 JavaScript。NestJS 内置了对 WebSocket 的支持，并且可以通过集成 socket.io 来管理连接、处理事件和广播消息。 以下是使用 socket.io 在 NestJS 中管理连接、处理事件和广播消息的基本步骤： 1. 安装依赖：首先需要安装 NestJS 和 socket.io 相关的依赖包。 ```bash npm install @nestjs/websockets @nestjs/platform-express socket.io ``` 2. 创建 WebSocket 模块：使用 NestJS 提供的装饰器和模块创建一个 WebSocket 模块。 ```typescript // socket.module.ts import { Module } from '@nestjs/common'; import { WebsocketsModule } from '@nestjs/websockets'; import { SocketModule } from '@nestjs/platform-express'; @Module({ imports: [ WebsocketsModule.register(), SocketModule, ], }) export class AppModule {} ``` 3. 创建 Socket 守护者（Guard）或拦截器（Interceptor）：根据需要，你可能想要创建一个守卫或拦截器来处理验证、授权等逻辑。 ```typescript // socket.guard.ts import { Injectable } from '@nestjs/common'; import { CanActivate, ExecutionContext } from '@nestjs/common'; import { Socket } from 'socket.io'; @Injectable() export class SocketGuard implements CanActivate { canActivate(context: ExecutionContext): boolean { const ctx = context.switchToHttp(); const req = ctx.getRequest<Socket>(); // 在这里添加你的验证逻辑 return true; // 或者根据验证结果返回 false } } ``` 4. 创建 Socket 控制器：创建一个 Socket 控制器来处理客户端事件和发送消息。 ```typescript // socket.controller.ts import { Controller, OnModuleInit, OnModule销毁, EmitEvent, OnEvent, socket } from '@nestjs/websockets'; import { Socket as IoSocket } from 'socket.io'; @Controller('socket') export class SocketController implements OnModuleInit, OnModule销毁 { @OnModuleInit() onModuleInit(client: IoSocket) { // 初始化时的操作，例如连接的统计、初始化数据广播等 } @OnModule销毁() onModule销毁(client: IoSocket) { // 模块销毁时的操作 } @EmitEvent('userConnected') handleUserConnected(data: any) { // 当客户端触发 userConnected 事件时调用 return data; } @OnEvent('connection') handleConnection(client: IoSocket) { // 当客户端连接时的操作 } @OnEvent('disconnect') handleDisconnect(client: IoSocket) { // 当客户端断开连接时的操作 } } ``` 5. 使用装饰器来注册事件处理器：`@EmitEvent`、`@OnEvent` 等装饰器用于注册对应的事件处理函数。 6. 在主模块中导入 WebSocket 模块：确保你的 WebSocket 模块在主模块中被导入。 ```typescript // app.module.ts import { Module } from '@nestjs/common'; import { AppController } from './app.controller'; import { AppModule } from './app.module'; import { SocketModule } from './socket.module'; @Module({ imports: [AppModule, SocketModule], controllers: [AppController], }) export class AppModule {} ``` 现在，你的 NestJS 应用已经可以使用 socket.io 来管理连接、处理事件和广播消息了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

非ban必选

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值