Electron主进程与渲染进程通信通信软件前端开发85课件讲解.pptxVIP

《通信软件前端开发》主讲教师：龙丹Electron主进程与渲染进程通信

01案例导入知识讲解02动手实践03测试与验证04讨论与问答05课后思考与作业06课程总结07

案例导入01

场景描述“在通信设备报警系统中，当设备状态异常时，需通过主进程检测系统事件（如网络中断），并触发渲染进程中的Vue组件显示报警弹窗。如何实现这一跨进程通信？”

问题导入主进程（Electron）能否直接操作渲染进程（Vue3）的DOM？为什么？01如果渲染进程需要访问本地文件系统，应如何设计通信流程？02

展示目标成果主进程模拟“离线”事件→渲染进程弹出红色报警窗口。01渲染进程通过搜索框输入关键词→主进程过滤设备列表并返回结果。02预录视频内容（1.5分钟）

知识讲解02

进程通信基础管理原生功能（窗口、菜单、系统API），单例运行。主进程运行Web页面（Vue3），可创建多个（如多窗口）。渲染进程ipcMain（主进程）+ipcRenderer（渲染进程）模块。通信桥梁

核心通信模式方向：渲染进程→主进程。使用场景：需立即响应的操作（如读取配置文件）示例代码：ipcRenderer.sendSync(channel,data)同步通信方向：双向。使用场景：非实时操作（如文件读写、网络请求）示例代码：ipcRenderer.send(channel,data)+ipc