桌面与 Web 之间的跨界通信
发布: (2026年2月23日 GMT+8 18:59)
1 分钟阅读
原文: Dev.to
Source: Dev.to
演示
- 仓库（参考实现）：
- 在线演示：
通过显式边界进行增量交付
一种务实的增量交付方式是通过 显式边界 引入新模块：
- 通过 iframe 嵌入 旧的/新的组件。
- 当宿主是桌面端（或多显示器工作流有帮助时），将体验拆分 到独立窗口。
- 使用 Web Components 构建可复用的 UI 组件，而不依赖单一框架。
接下来的问题是：这些组件如何通信，以便交互（拖拽、键盘复制/粘贴）仍能跨边界正常工作？ 同时，它们如何与桌面宿主桥接？
架构概览
+------------------------ Desktop host (WebView2) ------------------------+
| WebMessageReceived- WebView2 安全性：
- WebView2 中的框架：
- 演示仓库：