06_主进程与渲染进程通信

人生乱弹 2年前 (2023) admin
12 0

  新建一个文件夹,跟之前一样,在 Vscode 终端里输入 yarn create electron-app communication。
  在 index.js 里添加:

  ipcMain 主要作用就是用于主进程和渲染进程进行通信,比如渲染进程里面按下按钮,主进程就会进入设置好的界面。
  ipcMain.on 就是用于监听渲染进程发送的事件,event.replay 用于回复接收到事件后回复一个事件回去。

  这里的 mainWindow.webContents.sent 是主动发送消息给渲染进程。
  在 index.html 里添加:

  之前不是在主进程发送了一个事件 lxs-messages吗,这里渲染进程就是监听这个事件并输出信息在控制台上。
  下面那段代码就是渲染进程主动发送消息给主进程,并且下面还有监听主进程返回过来的事件。
  效果如下:

  如果黑色背景图里面的字是乱码,需要在 package.json 里面添加:

  接下来就是来创建一个按钮来,然后打开一个网页。相当于渲染进程发送一个事件,主进程要接收这个事件,并打开一个网页。
  在 index.html 里添加:
  
  首先先创建了一个 id 为 btn 的按钮,然后在下面绑定按钮事件,发送事件 OpenNewWindow。
  在 index.js 里添加:
  
  ipcMain.on 首先是监听渲染进程发过来的 OpenNewWindow,并且在里面有一个新打开一个窗口界面,网页地址就是这个函数的形参。
  createWindowHttp 是新建的一个窗口,这里面 mainWindow.loadURL(url) 就是打开形参给的地址。之前这里是 mainWindow.loadFile(path.join(__dirname, 'index.html')); 这个是打开 index.html 文件。
  效果如下:

 

文章来源

版权声明:admin 发表于 2023年10月1日 am4:21。
转载请注明:06_主进程与渲染进程通信 | 银库

相关文章

本站主题由 OneNav 一为主题强力驱动