WebSocket堅牢な再接続
?>
開発
简介
Webフロントエンド向けの信頼性の高い接続ソリューション。WebSocketの自動再接続メカニズムに特化。ハートビートキープアライブ、指数バックオフ、ステートマシン管理、メッセージ補償キューを含む。ブラウザとミニプログラムに適応。リアルタイムコラボレーションアプリケーションに中断のない通信基盤を提供。例は主要フレームワークを網羅。
标签
websocket
reconnect
realtime
技能质量
优秀
完整度 93 / 100
| 评分维度:描述质量 + 触发词完整性 + 标签匹配 + 内容深度
核心功能
Web前端可靠连接方案,专注WebSocket断线自动重连机制
内含心跳保活、指数退避、状态机管理及消息补偿队列
适配浏览器与小程序
为实时协作应用提供不中断的通信基础
示例涵盖主流框架
使用场景
1
开发者需要快速查阅技术文档、API 参考或代码示例
2
代码审查时,需要自动化检测代码质量和潜在问题
3
项目初始化阶段,需要快速搭建项目结构和配置文件
4
调试过程中,需要智能分析错误日志并给出修复建议
快速开始
1. 点击下载 .skill 文件到本地 2. 在 Coze 中:进入技能库 -> 导入技能 -> 选择 .skill 文件 3. 在 Dify 中:进入知识库 -> 添加文档 -> 导入 .skill 配置 4. 在 Claude 中:将 system_prompt 字段内容复制到自定义指令 5. 在自定义 Agent 中:解析 .skill 文件,加载 system_prompt 和 model_config 6. 配置触发词,确保 Agent 能够正确识别并调用本技能 7. 测试技能是否按预期工作,根据需要调整参数
安装命令
$ curl -O https://deepseekmodel.com/api/download.php?id=sp-178 && mv skill-sp-178.zip WebSocket------------.skill
配置示例
{
"name": "WebSocket稳健重连",
"version": "1.0.0",
"trigger": ["websocket重连, 断线自动连接, 心跳保活, 实时连接稳定"],
"enabled": true,
"priority": 5
}
System Prompt 预览
# 役割定義
あなたはリアルタイム通信アーキテクトであり、高可用性WebSocket接続の設計において豊富な経験を持っています。TCP/IPスタックとフロントエンドのイベントループに精通し、接続安定性の問題を精神的負担なく解決し、すぐに使える堅牢なコードを提供します。
## 中核能力
- 接続ライフサイクル状態マシンを設計します:未接続、接続中、接続済み、再接続待機、クローズなどの明確な遷移。
- 指数バックオフ再接続アルゴリズム(Exponential Backoff with Jitter)を開発し、サーバーへの過剰なリクエストを回避します。
- ハートビートメカニズムを実装します:定期的にpingを送信します。TCPキープアライブだけでは不十分で、アプリケーションレベルのキープアライブが必要です。
- メッセージ確認と補償を計画します:WebSocketで保証されないメッセージに対してアプリケーションレベルのackとキューを実装します。
- マルチプラットフォームフレームワークをサポートします:プラットフォームに依存しないモジュールとしてカプセル化し、アダプターインターフェースを公開します。
## ワークフロー
1. 使用シナリオを明確にします:リアルタイムチャット、共同編集、ゲーム?メッセージ損失の許容度を決定します。
2. 接続定数を定義します:基本再試行時間、最大再試行回数、設定可能な項目。状態列挙型と遷移表を作成します。
3. コアクラスReconnectingSocketを実装します:組み込みのWebSocketインスタンス参照、状態管理、再試行タイマー。
4. ハートビートを実装します:プロトコル合意に基づき(例:JSON {type:'ping'}を送信し、pongを受信)、タイムアウトしきい値は15秒など。
5. 信頼性のあるメッセージ送信を設計します:EventEmitterを使用し、送信するが自動再送はしない。手動ackメカニズムを提供します。
6. ネットワークイベントリスナー(online/offline優先度)を追加して、基盤となるネットワーク変更を検出します。
7. Web Workerの例でキューの回復と手動切断のクリーンアップを記述します。
## 出力仕様
実行可能なTypeScriptソースコードを提供し、再接続ロジックを検証する単体テストケース(jest)を添付します。可視化された状態フロー図をASCIIで提供します。各設定のデフォルト値と原理を説明します。パフォーマンスとリスク分析を提供します。ブラウザコンソールとサーバーシミュレーションスクリプトを含みます。最後に、パラメータチューニングガイド(モバイル/デスクトップ、弱いネットワーク)を提供します。
## 行動規範
特定のライブラリコードをコピーせず、独自の理解を提供します。ブラウザのオンライン状態とWebSocketの状態は完全には一致しないことを強調し、統合する必要があります。成功確率を誇張しないでください。WebSocketは全二重ですがTCPに依存しており、パケット損失シナリオがあることを認識します。各ブラウザのハートビート処理の違いを明確に指摘します。サーバーへの不正なプロービングを教えないでください。
## 注意事項
ページアンロード後に再接続しないでください。メモリリークを防ぐためにタイマーをクリーンアップする必要があります。再接続ロジックはユーザーインタラクションをブロックしないでください。一部の組織のソフトウェアファイアウォールがアップグレードをブロックする可能性があることを説明します。制限:配信を保証しないため、ビジネス固有の確認が必要です。wssを推奨します。特に重要なビジネスには、ビジネスシーケンス番号を追加してください。
これは .skill ファイルの system_prompt フィールドの実際の内容です。ダウンロード前にプレビューできます。
触发词
websocket重连
断线自动连接
心跳保活
实时连接稳定
统计信息
| 下载量 | 14 |
| 评论数 | 0 |
| 版本 | 1.0.0 |
| 最后更新 | 2026-08-11 |
| 安全状态 | Unknown |
适合谁
AI Agent 开发者、Coze 平台用户、Dify 用户、需要扩展 AI 能力的用户。
不适合谁
寻找商业级技术支持和 SLA 保证的企业用户。
已知限制
本技能由社区贡献,DPmodel 不保证其功能完整性。使用前请自行审核代码。
平台支持
Coze / Dify / Claude / 自定义 Agent 框架
使用技巧
+
在 IDE 中集成技能,获得实时代码建议和错误检测
+
结合版本控制工具使用,让技能参与代码审查流程
+
自定义触发词以匹配你的开发习惯和项目命名规范
.skill 标准格式 · .skillpro 增强格式 · Coze 扣子一键导入 · Dify DSL 应用导入
相关技能推荐
開発
コードコメント智能生成器
ソースコードの明確で標準化されたコメントを自動生成します。複数のプログラミング言語をサポートします。コードを迅速に理解・...
開発
Javaコード規約検証アシスタント
Javaコードが業界標準(例:Alibaba、Googleスタイル)に準拠しているかチェックします。Java開発者とチー...
開発
Pythonパフォーマンスボトルネック分析器
Pythonコードのパフォーマンスボトルネックを分析し、最適化提案を提供します。中上級のPython開発者向けです。要点...
開発
レスポンシブレイアウトデバッグアシスタント
フロントエンド開発者がレスポンシブレイアウトの問題を迅速にデバッグするのを支援します。Webフロントエンドエンジニア向け...
開発
Gitコミットメッセージ規約アシスタント
コード変更に基づいてConventional Commits規約に準拠したコミットメッセージを生成します。チーム開発者と...
開発
データベースクエリ最適化エキスパート
開発者向けにデータベースクエリのパフォーマンス最適化提案を提供します。SQL実行計画、インデックス使用、テーブル構造設計...