额，前端造了个小轮子，欢迎大家围观指点~

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 1000 天前的主题，其中的信息可能已经有所发展或是发生改变。

一个基于 JSON-RPC 规范用于处理 window && iframe && worker 通讯的工具库

https://github.com/kinglisky/rpc-shooter

最近的工作经常需要处理父级页面和子页面的通讯，还有就 figma 插件开发时的 ui 与 core 的通讯，这些都是大差不差的东西，写的多了于是整理了个小工具，源码大概 200 多行吧，没啥依赖。

通讯

父级

figma

Worker

17 条回复 • 2022-03-01 12:25:30 +08:00

Hilong

2022-02-28 10:38:06 +08:00

文档写的挺好的。但是没怎么用过 iframe 和 worker ，楼主的业务方向是搞啥的，需要搞这些东西

krapnik

2022-02-28 10:38:28 +08:00

赞一个，worker 之前试用了一下谷歌的这个库 https://github.com/GoogleChromeLabs/comlink

liyang5945

2022-02-28 10:43:18 +08:00

文档最下面有错别字 off 一出事件监听

kinglisky

2022-02-28 11:14:05 +08:00

@liyang5945 感谢~ 我改下

moohng

2022-02-28 11:55:34 +08:00

看得出作者写得很用心，已 star ，留着备用

kinglisky

2022-02-28 12:39:20 +08:00

@Hilong 最近的业务是在整网页编辑器（高情商说法叫低代码设计平台），性能优化上需要上些骚操作，iframe 用来隔离 view 成，其他一些操作丢 worker ，服务间交互就需要点封装，于是。。。

kinglisky

2022-02-28 12:40:04 +08:00

@krapnik 好家伙，我去借鉴（抄一抄），哈哈~

NoKic

2022-02-28 16:01:21 +08:00

registerMethod 是注册事件，可以多加个销毁事件

zhaol

2022-02-28 16:41:06 +08:00

@kinglisky 低代码平台有什么好的开源项目推荐吗？内部也开始研究了

xrr2016

2022-02-28 17:16:12 +08:00

https://github.com/dollarshaveclub/postmate 之前看的一个项目，貌似有点类似

qin20

2022-02-28 18:49:55 +08:00

设计成路由调用的方式怎么样？

kinglisky

2022-02-28 19:25:16 +08:00

@xrr2016 这个之前看过，好像只处理 iframe 通讯~

kinglisky

2022-02-28 19:26:01 +08:00

@NoKic 机智~

kinglisky

2022-02-28 19:26:34 +08:00

@qin20 这个咋说，大佬给个示例？

dany813

2022-02-28 20:02:14 +08:00

👍

yazoox

2022-03-01 10:28:06 +08:00

@xrr2016 +1
这个我也看到过。楼主的和这个做的功能是类似的么？

kinglisky

2022-03-01 12:25:30 +08:00

@yazoox 类似的，这个库之前有看过，不过只处理 iframe 情况，window 、iframe 、worker 都是通过 postMessage 做的，所以把这些做了个封装~