Community编程与开发github.com

socketio-docs

根据官方文档构建、配置和调试 Socket.IO 4.8 服务器与客户端。适用于编写 Node.js Socket.IO 服务器或 socket.io-client 应用、事件确认、广播、认证、CORS、反向代理、Redis 适配器、连接状态恢复、重连、测试和迁移等场景。

socketio-docs 是什么?

此技能封装了 Socket.IO 4.8 开发中易于出错的核心规则,涵盖服务器初始化、身份验证、事件确认、广播、房间、命名空间、CORS、反向代理、粘性会话、连接状态恢复和多种适配器。每个规则均附有官方文档链接,确保引用准确。支持 Node.js 环境(Express、Fastify、Koa、Bun、uWebSockets.js),以及所有主流适配器如 Redis、Redis Streams、Postgres、MongoDB 和 Cluster。技能通过 `SKILL.md` 提供快速入门示例、详细规则说明、参考文件索引和旧版迁移指南,帮助开发者避免常见陷阱,例如 ephemeral `socket.id`、重复注册监听器、超时回调签名变化、CORS 不保护 WebSocket、粘性会话遗漏等。适用于包括 Cursor、Claude Code 在内的 AI 代理工具,通过识别 Socket.IO 相关关键词(如 `io()`、`emit`、`emitWithAck`、`rooms`、`namespace`、`middleware`、`CORS`、`Redis adapter`、`sticky sessions`、`connection state recovery`、`reconnection`、`connect_error`、`Session ID unknown`)自动触发。该技能不适用于不使用 Socket.IO 的普通 WebSocket 服务器。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/quentin-autret/claude-skills/tree/main/skills/socketio-docs

Installed? Explore more 编程与开发 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

Socket.IO 4.8

概述

此技能收录了 Socket.IO 4.8 中容易出错的关键规则:用作用户键的临时 socket.id、重复注册的监听器、受 timeout() 影响的确认回调签名、不保护 WebSocket 的 CORS、负载均衡器后遗忘的粘性会话,以及 v2 或 v3 中不再兼容的 API。每个规则都附有来源页面的 URL。参考文件中包含了每个域名的详细信息。

版本覆盖

Socket.IO 4.8(服务器 socket.io,客户端 socket.io-client),文档 v4。JS 客户端 3.x 和 4.x 可与服务器 3.x 和 4.x 通信。https://socket.io/docs/v4/client-installation/#version-compatibility

快速开始

import express from "express";
import { createServer } from "node:http";
import { Server } from "socket.io";

const app = express();
const httpServer = createServer(app);
const io = new Server(httpServer, { cors: { origin: ["https://example.com"] } });

io.on("connection", (socket) => {
  socket.on("hello", (arg, callback) => callback("got it"));
});

httpServer.listen(3000);

https://socket.io/docs/v4/server-initialization/#with-express

import { io } from "socket.io-client";
const socket = io("https://server-domain.com", { auth: { token: "abc" } });
const answer = await socket.timeout(5000).emitWithAck("hello", "world");

https://socket.io/docs/v4/client-api/#socketemitwithackeventname-args

规则与陷阱

连接与身份

  • Socket.IO 不是一个 WebSocket 实现:普通的 WebSocket 客户端无法连接 Socket.IO 服务器,Socket.IO 客户端也无法连接普通的 WebSocket 服务器。https://socket.io/docs/v4/#what-socketio-is-not
  • 除非启用了连接状态恢复,否则 socket.id 会在每次重连和页面刷新时改变,每个标签页都不同,并且没有消息队列。使用你自己的会话 ID(通过 cookie 或 auth 发送)来标识用户,并通过以用户 ID 命名的房间到达用户的每个标签页。https://socket.io/docs/v4/server-socket-instance/#socketid
io.on("connection", async (socket) => {
  const userId = await computeUserIdFromHeaders(socket.handshake.headers);
  socket.join(userId);
  io.to(userId).emit("hi");
});

https://socket.io/docs/v4/rooms/#sample-use-cases

  • 在连接中间件中使用 socket.handshake.auth 进行身份验证。在每个代码路径中调用 next(),否则连接会一直挂起,直到超时后被关闭。next(err) 会作为 connect_error 事件到达客户端,err.data 提供详细信息。https://socket.io/docs/v4/middlewares/
io.use((socket, next) => {
  if (isValid(socket.handshake.auth.token)) return next();
  const err = new Error("not authorized");
  err.data = { content: "Please retry later" };
  next(err);
});

https://socket.io/docs/v4/middlewares/#handling-middleware-error

事件与确认

const responses = await io.timeout(10000).emitWithAck("some-event");

https://socket.io/docs/v4/server-api/#serveremitwithackeventname-args

广播与房间

投递保证

const io = new Server(httpServer, {
  connectionStateRecovery: { maxDisconnectionDuration: 2 * 60 * 1000, skipMiddlewares: false },
});

https://socket.io/docs/v4/connection-state-recovery#usage

CORS 与部署

参考文件

文件阅读内容
references/server-setup.md安装、使用 Express、Koa、Fastify、Hono、HTTPS、HTTP/2、Bun、uWebSockets.js 进行初始化、服务器选项和默认值、打包、处理程序布局
references/middleware-and-auth.md连接、套接字和引擎中间件、凭据、用户身份、标头钩子、allowRequest、客户端证书
references/cors-and-proxies.mdCORS 选项和错误、Cookie、nginx、Apache、Caddy、http-proxy、云负载均衡器、与 ws 共享端口
references/server-api.md服务器和套接字实例、io 上的命名空间、实用方法、serverSideEmit、断开原因、引擎事件和错误代码、关闭
references/client.md包、初始化、套接字事件、connect_error 和 disconnect、Manager 和多路复用、每个客户端选项、打包工具
references/events-rooms-namespaces.md序列化、确认、全捕获监听器、验证、错误处理、广播、房间、动态命名空间
references/delivery-and-recovery.md投递保证、重试、恰好一次、偏移量重放、连接状态恢复
references/multiple-nodes.md粘性会话、多个节点的代理配置、替代方案、Node.js 集群、PM2
references/adapters.mdRedis、分片 Redis、Redis Streams、Postgres、MongoDB、Cluster、AWS SQS、Azure、GCP 适配器、功能矩阵、发射器
references/performance-and-operations.md原生插件、wsEngine、内存、自定义解析器、操作系统限制、负载测试、管理 UI、调试日志
references/typescript.md服务器、客户端和命名空间上的事件接口、SocketData、类型化测试
references/testing-and-troubleshooting.md服务器集成测试、使用虚假套接字的客户端测试、连接失败、断开、长轮询卡住
references/migrations-and-protocol.mdv2 到 v3 和 v3 到 v4 的更改、使用 allowEIO3 滚动升级、Engine.IO 和 Socket.IO 线协议

旧版模式

旧用法替代方案来源
origins 或 handlePreflightRequest 选项cors: { origin: [...] }https://socket.io/docs/v4/migrating-from-2-x-to-3-0/#cors-handling
io.set("authorization", fn)io.use((socket, next) => ...)https://socket.io/docs/v4/migrating-from-2-x-to-3-0/#ioset-is-removed
Socket query 选项中的令牌auth 选项,以 socket.handshake.auth 读取https://socket.io/docs/v4/migrating-from-2-x-to-3-0/
客户端拒绝连接的 error 事件connect_error,包含 err.message 和 err.datahttps://socket.io/docs/v4/migrating-from-2-x-to-3-0/
套接字上的 socket.on("reconnect_attempt")Manager 上的 socket.io.on("reconnect_attempt")https://socket.io/docs/v4/client-socket-instance/#events
用于延迟的客户端 pong 事件在间隔上使用 socket.volatile.emit("ping", cb)https://socket.io/docs/v4/migrating-from-2-x-to-3-0/#no-more-pong-event-for-retrieving-latency
Namespace.connected 对象Namespace.sockets,一个 Maphttps://socket.io/docs/v4/migrating-from-2-x-to-3-0/
Object.keys(socket.rooms)socket.rooms 是一个 Sethttps://socket.io/docs/v4/migrating-from-2-x-to-3-0/
socket.join(room, cb)socket.join(room),使用异步适配器等待https://socket.io/docs/v4/migrating-from-2-x-to-3-0/
Namespace.clients(cb)(v2),然后是 allSockets()(v3,将在下一个主要版本中移除)fetchSockets()https://socket.io/docs/v4/server-api/#namespaceallsockets
socket.binary(false)自定义 parserhttps://socket.io/docs/v4/migrating-from-2-x-to-3-0/
socket.emit("a").emit("b")单独的调用,emit() 返回 truehttps://socket.io/docs/v4/migrating-from-2-x-to-3-0/
socket.io 或 socket.io-client 的默认导入import { Server } from "socket.io" 和 import { io } from "socket.io-client"https://socket.io/docs/v4/migrating-from-3-x-to-4-0/
socket.handshake.querysocket.handshake.auth(自 v4 起)https://socket.io/docs/v4/migrating-from-3-x-to-4-0/
socket.emit("message", ...)任何其他事件名称https://socket.io/docs/v4/emit-cheatsheet/
使用 io.socketsio.of("/")https://socket.io/docs/v4/server-api/#namespace
socket.handshake.securesocket.handshake.address 和 socket.handshake.headershttps://socket.io/docs/v4/server-socket-instance/#handshake

Individual skills in this repo

This repo contains 16 individual skills — each has its own dedicated page.

eslint-docs

Teaches current ESLint 10 practices drawn from the official documentation. Use when writing, reviewing or fixing an eslint.config.js (flat config, defineConfig, files, ignores, globalIgnores, extends, languageOptions, globals, parsers, processors), configuring ESLint rules and severities, disable comments and inline config, running the CLI in CI (--fix, --cache, --quiet, --max-warnings, bulk suppressions, formatters, feature flags, MCP server), writing custom rules (meta, schema, fixes, suggestions, selectors, scope, code paths) and testing them with RuleTester, building plugins, shareable configs, custom parsers, processors or formatters, using the Node.js API (ESLint, Linter), or migrating to ESLint 9 or 10 from eslintrc. Triggers on eslint, eslint.config.js, flat config, .eslintrc, .eslintignore, @eslint/js, js/recommended, eslint-disable, no-unused-vars, no-restricted-imports, no-restricted-syntax, RuleTester, eslint-plugin, eslint-config, FlatCompat, context.getScope is not a function, ESLint 10.

grafana-cloud-docs

Grafana Cloud pitfalls, defaults, limits and current patterns from the Grafana, Mimir, Loki and Tempo docs, each tied to its docs URL. Use when sending OpenTelemetry data to Grafana Cloud, writing PromQL, LogQL or TraceQL, controlling cardinality and cost, designing alert rules, routing notifications, provisioning alerting, building Synthetic Monitoring checks, using the /apis dashboard API, choosing access policy tokens or service accounts, or migrating off API keys, the Loki Exporter and legacy /api routes.

javascript-docs

Teaches current JavaScript (ECMAScript) practice drawn from the MDN JavaScript documentation. Use when writing, reviewing or fixing modern JavaScript, choosing a built-in API, or replacing a deprecated pattern. Covers equality and coercion, let/const and the temporal dead zone, strict mode, ASI, functions, classes and private fields, objects, prototypes, Proxy, Reflect, Symbol, eval, operators (??, ?., spread, BigInt arithmetic), statements, Promise, async/await, Promise.try, iterators and iterator helpers, generators, using/await using, DisposableStack, WeakRef, Array (toSorted, at, groupBy, fromAsync), Map, Set methods, WeakMap, strings and Unicode, encodeURIComponent, RegExp (v flag, RegExp.escape, lastIndex), Number, Math, BigInt, JSON (rawJSON, revivers), typed arrays, ArrayBuffer, base64, SharedArrayBuffer, Atomics, Temporal, Date, Intl (DateTimeFormat, NumberFormat, Collator, Segmenter, PluralRules), errors (cause, Error.isError), ES modules, import attributes, import.meta, dynamic import.

next-intl-docs

Teaches current next-intl 4 practices for internationalizing Next.js apps, drawn from the official documentation. Use when setting up next-intl with the App Router, writing i18n/request.ts, adding a [locale] segment with defineRouting, createMiddleware in proxy.ts (formerly middleware.ts), building locale switchers with createNavigation, translating with useTranslations or getTranslations, passing messages to NextIntlClientProvider, writing ICU messages (plurals, select, rich text), formatting dates, numbers and lists with useFormatter, translating metadata, Server Actions, Route Handlers, localized 404 and error pages, static rendering with next/root-params, type-safe messages through AppConfig, testing with Jest, Vitest, Storybook, or extracting inline messages with useExtracted. Triggers on next-intl, useTranslations, getTranslations, NextIntlClientProvider, getRequestConfig, i18n routing, locale prefix, localePrefix, NEXT_LOCALE, hreflang, setRequestLocale, ICU messages, App Router internationalization.

nodejs-docs

Teaches Node.js practice drawn from the official Node.js API documentation, with pitfalls, surprising defaults, deprecations and replacements, each backed by its nodejs.org URL. Use when writing, reviewing, debugging or upgrading Node.js code, or choosing a built-in module (fs, crypto, streams, http, process, CLI flags, node:test, ESM/CommonJS, package.json exports, TypeScript type stripping, child_process, worker_threads, node:sqlite, deprecations).

playwright-docs

Pitfalls, surprising defaults and recommended patterns of Playwright Test for JavaScript and TypeScript, distilled from the official docs. Use when writing, reviewing, debugging or configuring Playwright tests (@playwright/test, playwright.config.ts, npx playwright test), including flaky tests, locators (getByRole, filter, strict mode), web-first assertions (expect, toHaveText, toBeVisible, expect.poll, toPass), fixtures, storageState authentication, project dependencies, timeouts, retries, network mocking (page.route, routeFromHAR, routeWebSocket), API testing, clock, aria snapshots, toHaveScreenshot, axe accessibility scans, traces, UI mode, reporters, CI, Docker, sharding, test locks, component testing with stories and mount, codegen, Playwright MCP, playwright-cli and migration from Puppeteer, Protractor, Testing Library or older Playwright versions.

postgresql-docs

Pitfalls, surprising defaults, PostgreSQL 18 changes and recommended patterns from the official PostgreSQL 18 documentation, each backed by its postgresql.org URL. Use when writing or reviewing PostgreSQL SQL, schema design, migrations and ALTER TABLE locks, indexes, transactions, isolation levels and retries, locking, upsert and MERGE, COPY, JSONB, timestamptz, generated and identity columns, partitioning, EXPLAIN, vacuum, roles, row-level security, PL/pgSQL, full-text search, connection settings, and upgrades to PostgreSQL 18.

react-docs

Writes, reviews and upgrades React 19.3 code from the official react.dev documentation. Use when writing components and Hooks, removing unnecessary useEffect calls, fixing Effect dependencies with useEffectEvent, building forms with Actions (useActionState, useOptimistic, useFormStatus, form action), using Server Components, 'use client', 'use server' and Server Functions, Suspense, use(), useTransition, useDeferredValue, ViewTransition, Activity, adopting React Compiler and eslint-plugin-react-hooks, deciding on useMemo, useCallback and memo, server rendering and hydration (createRoot, hydrateRoot, renderToPipeableStream, prerender), or migrating from React 18 (forwardRef, Context.Provider, ReactDOM.render, propTypes, defaultProps). Triggers on React, JSX, hooks, useState, useEffect, useRef, useContext, Server Components, RSC, Actions, React Compiler, Strict Mode, hydration mismatch, React 19 upgrade.

rust-std-docs

Gives current guidance from the official Rust standard library docs (std 1.99.1 stable) on pitfalls, panics, platform differences, discouraged APIs and newer stable replacements. Use when writing, reviewing or refactoring Rust code that uses std, especially collections (Vec, HashMap, BTreeMap, BinaryHeap, entry, extract_if, sort), Option/Result/error handling (expect, ?, Error, ExitCode, panic), iterators (collect, flatten, Peekable, try_fold), Box/Rc/RefCell/Cow/Pin/mem::take, Arc/Mutex/RwLock/OnceLock/LazyLock/thread::scope/mpsc/Condvar/atomics, String/str/fmt/format!/OsString/CString, io/fs/path (BufWriter, OpenOptions, PathBuf::join), process/env/net/time (Command, set_var, TcpStream, Instant, Duration), From/TryFrom/AsRef/Ord/Drop/Deref/Clone, and unsafe raw pointers, MaybeUninit, transmute, NonNull or integer overflow and float ordering.

tailwindcss-docs

Teaches current Tailwind CSS v4 practices drawn from the official documentation. Use for any task that touches Tailwind CSS v4, even a small one, because many v3 habits silently break in v4. Use when writing or reviewing Tailwind CSS v4 code (utility classes, variants, arbitrary values, theme variables in @theme, @utility, @custom-variant, @apply, @reference, @source), setting up Tailwind in a framework or build tool (Vite plugin, PostCSS plugin, CLI, Next.js, SvelteKit, Nuxt, Angular, Laravel, Rails), customizing the theme (colors, fonts, breakpoints, spacing, animations), building dark mode with a class or data attribute, or migrating a project from Tailwind v3 (tailwind.config.js, @tailwind directives, darkMode class, safelist, bg-opacity, renamed shadow and outline utilities). Triggers on tailwindcss, @import "tailwindcss", @tailwindcss/vite, @tailwindcss/postcss, @tailwindcss/cli, @theme, @custom-variant dark, npx @tailwindcss/upgrade, upgrade to Tailwind v4.

tauri-docs

Tauri 2 apps, tauri.conf.json, capabilities and permissions, commands and invoke, events and channels, plugins, bundling, signing and the updater, migration from Tauri 1. Guides Tauri 2 work from the official v2 documentation, including scopes, managed state, plugin authoring, CSP and the isolation pattern, testing and debugging, Linux, Windows and macOS packages, and mobile and store releases. Use when writing or reviewing a Tauri 2 app, adding a plugin or a capability, fixing a "not allowed" or "forbidden path" error, wiring IPC between Rust and the webview, packaging, signing or publishing a desktop or mobile build, or upgrading a Tauri 1 or 2.0 beta project.

tokio-docs

Gives current guidance from the official tokio documentation (tokio 1.54.1) on async Rust pitfalls, cancel safety, blocking code, surprising defaults and deprecated APIs. Use when writing, reviewing or debugging async Rust code that uses tokio, especially the runtime (#[tokio::main], #[tokio::test], Builder, enable_all, block_on, current_thread, LocalRuntime, shutdown, feature flags), tasks (spawn, JoinHandle, JoinSet, abort, spawn_blocking, block_in_place, LocalSet, spawn_local, task_local), select!, join!, try_join!, cancellation and graceful shutdown, sync primitives (Mutex across .await, RwLock, Semaphore, Notify, OnceCell), channels (mpsc backpressure, oneshot, broadcast lag, watch), time (sleep, interval, MissedTickBehavior, timeout, paused time, start_paused), I/O and networking (AsyncReadExt, BufWriter flush, split, io::copy, framing, TcpListener, TcpStream, UdpSocket), tokio::fs, process (Command, kill_on_drop, Child), signals (ctrl_c, Windows console events) and Windows named pipes.

typescript-docs

Configures, writes and upgrades TypeScript 6.0 code and tsconfig.json from the official TypeScript documentation. Use when upgrading from TypeScript 5.x to 6.0 (strict, types, rootDir, baseUrl, moduleResolution node, target es5, outFile, esModuleInterop), choosing module and moduleResolution, writing package.json exports and imports, fixing ESM and CommonJS interop, enabling verbatimModuleSyntax or erasableSyntaxOnly, setting up project references and tsc --build, writing .d.ts files, checking JavaScript with JSDoc, or debugging narrowing, generics, mapped types, decorators and enums. Triggers on TypeScript, tsc, tsconfig, TS5112, ignoreDeprecations, nodenext, bundler, .d.ts, @ts-check, TypeScript 6 upgrade.

typesense-docs

Pitfalls, surprising defaults and recommended patterns of the Typesense search engine, distilled from the official docs. Use when designing a Typesense collection schema, writing search parameters (q, query_by, filter_by, sort_by, facet_by, group_by), tuning typo tolerance and ranking, building vector, semantic or hybrid search, conversational RAG or natural language search, creating API keys and scoped search keys for multi-tenancy, indexing and import (JSONL, upsert, emplace, dirty_values), syncing from a primary database, reindexing through aliases, managing synonyms (synonym sets), curation sets and stopwords, joins, analytics rules and query suggestions, InstantSearch, migrating from Algolia, or running, clustering, backing up and upgrading a Typesense server.

vite-docs

Teaches current Vite 8 practices drawn from the official documentation. Use when writing or fixing a vite.config, migrating from Vite 7 (Rolldown and Oxc replacing Rollup and esbuild), configuring the dev server, proxy or HMR, handling import.meta.env and modes, tuning the production build, library mode, SSR, writing a Vite plugin, using the HMR or JavaScript API, or the Environment API. Triggers on vite.config, defineConfig, rolldownOptions, import.meta.env, loadEnv, optimizeDeps, ssrLoadModule, ModuleRunner, this.environment, upgrade to Vite 8.

vitest-docs

Teaches current Vitest 5 practices drawn from the official documentation. Use when writing, reviewing or fixing Vitest tests (test, describe, expect, test.for, fixtures with test.extend, hooks, snapshots), mocking with vi (vi.fn, vi.spyOn, vi.mock, vi.when, fake timers, stubGlobal, stubEnv), configuring vitest.config or projects, choosing an environment or pool, filtering and running tests in CI, measuring coverage with v8 or istanbul, debugging slow or flaky suites, testing components in browser mode with Playwright, or migrating from Jest, Mocha or Vitest 4. Triggers on vitest, vi.mock, vi.fn, vitest.config, toMatchSnapshot, expect.poll, coverage thresholds, browser mode, @vitest/browser-playwright, jsdom, happy-dom, migrate Jest to Vitest, upgrade Vitest 5.

相关技能