在Electron中使用IPC广播实现主进程和渲染进程的通信

• 要实现一个主页面和子页面来回跳转的功能，试图使用mainWindow.loadFIle()来加载子页面。但是这是主进程才能进行的操作，于是需要在渲染进程里当需要跳转的时候就广播出一个信号，当主进程监听到这个信号，就开始loadFile()。

代码实现

1. 在主进程中和渲染进程中加入ipcMain和ipcRenderer。
   • 在main.js中

     var {ipcMain} = require('electron')

   • 在index.js和dataset.js中

     var {ipcRenderer} = require('electron')

2. 在渲染进程中定义每次返回，跳转时需要发出信号的函数。
   • 在index.js中

     function newPage(){
         ipcRenderer.send('openDatasetPage');
     }

   • 在dataset.js中

     function backToMain(){
         ipcRenderer.send('comeBackToMain')
     }

3. 在主进程中定义接收到信号之后的行为。
   • 在main.js中

     ipcMain.on('openDatasetPage', ()=>{
         mainWindow.loadFile('./dataset.html');
     })
     
     ipcMain.on('comeBackToMain', ()=>{
         mainWindow.loadFile('./index.html')
     })

4. 在HTML文件中把按钮和功能联系起来。
   • 在index.html中

     <a class="more" href="#" onclick="showWindow()">
     更多...
     </a>

   • 在dataset.html中

     <a href="#" onclick="backToMain()" class="backButton">
     <img src="image/返回.png" class="backImage" />
     </a>