JavaScript 中怎么在 WebSocket 中实现客户端与服务端的 RPC 调用

大晨同学_5715

大晨同学_5715

2026-08-08

889人浏览

原创

WebSocket本身不提供RPC语义,但可基于其构建轻量级RPC机制:需约定消息格式(含type、id、method、params等字段),客户端维护请求ID映射与超时处理,服务端按method路由执行并原样返回id响应。

javascript 中怎么在 websocket 中实现客户端与服务端的 rpc 调用

WebSocket 本身不提供 RPC(远程过程调用)语义,但可以基于它构建轻量级 RPC 机制:核心是约定请求/响应的消息格式、维护请求 ID 映射、处理超时与错误。关键不在 WebSocket 协议,而在应用层协议设计。

定义统一的 RPC 消息格式

客户端和服务端需协商一套结构化消息格式,通常用 JSON,包含类型、唯一 ID、方法名、参数和可选的返回值或错误信息:

  • 请求消息:{ "type": "call", "id": "req_123", "method": "getUser", "params": [101] }
  • 成功响应:{ "type": "result", "id": "req_123", "data": { "id": 101, "name": "Alice" } }
  • 错误响应:{ "type": "error", "id": "req_123", "code": 404, "message": "User not found" }

type 字段区分消息用途,id 用于关联请求与响应,避免多路并发时混淆。

客户端封装:发送 + 回调管理

在 WebSocket 客户端上封装一个 rpc 方法,内部生成唯一 ID,缓存 Promise 的 resolve/reject,并设置超时:

  • 每次调用 rpc('getUser', [101]) 时生成新 id(如 Date.now() + Math.random())
  • 将 id → { resolve, reject, timeoutId } 存入 Map(如 pendingCalls)
  • 发送请求后,若 10 秒内未收到对应 id 的 result/error,则 clearTimeout 并 reject 超时错误
  • onmessage 中检查响应 id,查到则执行对应 resolve 或 reject,并从 Map 中删除

服务端实现:路由 + 执行 + 响应

服务端收到 type: "call" 消息后,根据 method 字段查找注册的函数,执行并返回结果:

Java调试
Java调试

通过 JDWP 实现 Java 远程调试:连接远程 JVM、设置断点、单步执行代码、查看变量值、获取调用栈。适用于需要调试远程 Java 应用、排查运行时状态、追踪代码执行流程的场景。 术语注解 JDWP:Java Debug Wire Protocol,Java 调试有线协议(Java 远程调试底层通信协议) remote JVM:远程 Java 虚拟机 step through code:代码单步调试(步入 / 步过 / 步出调试) inspect variables:变量查看 / 变量检视 stac

下载
  • 预先维护一个方法注册表,例如 rpcMethods = { getUser: (id) => db.find(id) }
  • 解析请求,校验 method 是否存在、params 类型是否匹配
  • 捕获同步/异步执行中的异常,统一包装为 error 响应
  • 无论成功或失败,都必须原样带上原始 id 发送 response 类型消息

注意:服务端不维护连接状态映射,只做无状态转发;每个响应必须严格对应请求 id。

健壮性增强点

生产环境建议补充以下机制:

  • 序列化/反序列化时使用 try-catch,拒绝非法 JSON
  • 限制单条消息大小(如 ≤ 1MB),防止内存溢出
  • 为高频调用增加简单限流(如每秒最多 10 次 per connection)
  • 心跳保活期间暂停 pendingCalls 的超时计时,断线重连后清空旧 pending

不复杂但容易忽略。

Java免费学习笔记:立即使用
解锁 Java 大师之旅:从入门到精通的终极指南

相关专题

更多
js获取数组长度的方法
js获取数组长度的方法

在js中,可以利用array对象的length属性来获取数组长度,该属性可设置或返回数组中元素的数目,只需要使用“array.length”语句即可返回表示数组对象的元素个数的数值,也就是长度值。php中文网还提供JavaScript数组的相关下载、相关课程等内容,供大家免费下载使用。

2023.06.20

5666

5

js刷新当前页面
js刷新当前页面

js刷新当前页面的方法:1、reload方法,该方法强迫浏览器刷新当前页面,语法为“location.reload([bForceGet]) ”;2、replace方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,不能通过“前进”和“后退”来访问已经被替换的URL,语法为“location.replace(URL) ”。php中文网为大家带来了js刷新当前页面的相关知识、以及相关文章等内容

2023.07.04

1369

3

js四舍五入
js四舍五入

js四舍五入的方法:1、tofixed方法,可把 Number 四舍五入为指定小数位数的数字;2、round() 方法,可把一个数字舍入为最接近的整数。php中文网为大家带来了js四舍五入的相关知识、以及相关文章等内容

2023.07.04

5604

6

js删除节点的方法
js删除节点的方法

js删除节点的方法有:1、removeChild()方法,用于从父节点中移除指定的子节点,它需要两个参数,第一个参数是要删除的子节点,第二个参数是父节点;2、parentNode.removeChild()方法,可以直接通过父节点调用来删除子节点;3、remove()方法,可以直接删除节点,而无需指定父节点;4、innerHTML属性,用于删除节点的内容。

2023.09.01

1040

4

JavaScript转义字符
JavaScript转义字符

JavaScript中的转义字符是反斜杠和引号,可以在字符串中表示特殊字符或改变字符的含义。本专题为大家提供转义字符相关的文章、下载、课程内容,供大家免费下载体验。

2023.09.04

1996

5

js生成随机数的方法
js生成随机数的方法

js生成随机数的方法有:1、使用random函数生成0-1之间的随机数;2、使用random函数和特定范围来生成随机整数;3、使用random函数和round函数生成0-99之间的随机整数;4、使用random函数和其他函数生成更复杂的随机数;5、使用random函数和其他函数生成范围内的随机小数;6、使用random函数和其他函数生成范围内的随机整数或小数。

2023.09.04

3905

4

如何启用JavaScript
如何启用JavaScript

JavaScript启用方法有内联脚本、内部脚本、外部脚本和异步加载。详细介绍:1、内联脚本是将JavaScript代码直接嵌入到HTML标签中;2、内部脚本是将JavaScript代码放置在HTML文件的`<script>`标签中;3、外部脚本是将JavaScript代码放置在一个独立的文件;4、外部脚本是将JavaScript代码放置在一个独立的文件。

2023.09.12

5133

6

Js中Symbol类详解
Js中Symbol类详解

javascript中的Symbol数据类型是一种基本数据类型,用于表示独一无二的值。Symbol的特点:1、独一无二,每个Symbol值都是唯一的,不会与其他任何值相等;2、不可变性,Symbol值一旦创建,就不能修改或者重新赋值;3、隐藏性,Symbol值不会被隐式转换为其他类型;4、无法枚举,Symbol值作为对象的属性名时,默认是不可枚举的。

2023.09.20

3360

5

java访问控制修饰符介绍
java访问控制修饰符介绍

java访问控制修饰符有四种,分别是public、protected、private、默认访问修饰符。详细介绍:1、public,public是最宽松的访问控制修饰符,被修饰的类、方法和变量可以被任何其他类访问,当一个类、方法或变量被声明为public时,它们可以在任何地方被访问,无论是同一个包中的类还是不同包中的类;2、protected修饰符等等。

2023.09.20

1088

7

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.4万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.8万人学习