Electron + React学习记录_07_项目实战-远程控制_3_IPC通信

weixin_42595231

于 2021-03-25 08:49:20 发布

阅读量388

点赞数

CC 4.0 BY-SA版权

分类专栏： Electron 文章标签： javascript node.js 前端 reactjs

本文链接：https://blog.csdn.net/weixin_42595231/article/details/115193726

本文记录了使用Electron和React进行远程控制项目中的IPC通信过程。控制端通过输入控制码，利用ipc与主进程交互，模拟控制请求。主进程接收到请求后，将反馈信息发送回渲染进程，最终打开控制界面展示控制状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现打开控制界面

流程

1.让控制端输入控制码，发起控制请求，ipc传输到主进程
2.服务器端接受到控制码，告诉傀儡端已被控制
3.服务器端返回成功指令，告诉控制端已控制成功，主进程再发给渲染进程
4.控制端打开新窗口，显示控制界面，主窗口显示正在控制傀儡端
（服务器端先不实现，先代为mock，控制码也先直接mock）

实现

//渲染一打开就监听第三步的返回
 ipcRenderer.on('control-state-change',handleControlState)
 //控制按钮鼠标点击事件
 const startControl=(remoteCode)=>{
   
   
    //开始控制
    ipcRenderer.send('control',remoteCode)
  }
  //主进程打开时候，监听第一步的控制指令
  ipcMain