Electron笔记三：调用外部程序（子进程管理）

本人初学Electron，把学习的过程记录了下来，以免以后忘记：
Electron笔记一：安装
Electron笔记二：http与websock的实现
Electron笔记三：调用外部程序（子进程管理）
Electron笔记四：Dll的调用
Electron笔记五：无需控件，HTML5直接播放rtsp（摄像头）
Electron笔记六：打包成可执行程序（.exe）

1.安装child_process

   npm install child_process --save

2.功能实现

   main.js中添加 

// 打开一个子进程
const myChildProccess = require('child_process');
myChildProccess.spawn('C:\\Program Files\\Notepad++\\notepad++.exe');

npm start 运行看结果,发现notepad++.exe已经被运行起来了

3.护展：在页面中打开和关闭

    如果我们想在Html页面中打开一个程序，并随时能关闭，我们可以通过监听消息实现页面发送信息到主进程（main.js）中去执行，在main.js中添加以下代码：

// 监听消息, 关闭子进程
const ipcMain = require('electron').ipcMain;
// 打开一个子进程
const myChildProccess = require('child_process');
var mySpawn = [];
// 收到消息, 打开进程
ipcMain.on('open-child-now', (e, msg) => {
  console.log('打开进程-->mainProcessGet:' + msg)
  var spawn = myChildProccess.spawn(msg);//'C:\\Program Files\\Notepad++\\notepad++.exe'
  mySpawn[mySpawn.length] = spawn;
  e.sender.send('cs-reply', '打开进程:' +msg);
});

ipcMain.on('kill-child-now', (e, msg) => {
  console.log('关闭进程-->mainProcessGet:' + msg)
  e.sender.send('cs-reply', '正在关闭所有打开的应用') 
  // 收到消息, 关闭所有进程
  for (i = 0; i < mySpawn.length; i++) {
    mySpawn[i].kill();
  }
  mySpawn=[];
});

ipcMain 模块是类EventEmitter的实例.当在主进程中使用它的时候，它控制着由渲染进程(web page)发送过来的异步或同步消息.从渲染进程发送过来的消息将触发事件.详细说明请查看https://www.cnblogs.com/zyl-Tara/p/9850069.html

在index.html中添加代码

  <div style="font-weight: bolder">3.打开外部程序，并监听消息</div>
  <div class="form-group">
    <input class="form-control" type="text" name="txt_exe" id="txt_exe" style="width:600px"
           placeholder="输入带路径的外部程序的名称" value="c:\windows\notepad.exe" />
    <div><button onclick="ChildProcess(true)">打开应用</button> <button onclick="ChildProcess(false)">关闭所有应用</button></div>    
  </div>

renderer.js中添加代码

const ipcRenderer = require('electron').ipcRenderer;
ipcRenderer.on('cs-reply', (e, msg) => {
    document.getElementById('recivemsg').value = msg;
});
  
function ChildProcess(isopen) {   
    // 发消息，由html的按钮调用，给主进程发消息，回调中关闭进程
    var appname = "";
    if (isopen) {
        appname = document.getElementById('txt_exe').value;
        ipcRenderer.send('open-child-now', appname);
    } else {        
        ipcRenderer.send('kill-child-now', appname);
    }
}

npm start 运行看结果