Question

我正在尝试使用fork（）从electronic的child_process模块中进行usb异步读取。也就是说，当我单击div（id =“ read”）时，会从渲染器进程向主进程发送一条消息，该消息随后作为响应调用fork（）并异步地从USB读取数据。为了处理USB通信，我使用了node-serialport library。

index.html

<html>

    <head>
        <link rel="stylesheet" href="style.css">
        <link rel="stylesheet" href="scroll.css">
        <link href="https://fonts.googleapis.com/css?family=Questrial" rel="stylesheet">
    </head>

    <body>

        <div id="ui-container">


            <div id="top-bar" class="shadowed">
                <div id="top-bar-left-decoration"></div>
                <div id="close-app" class="top-bar-button"><div class="unselectable top-button-text">x</div></div> 
                <div id="maximize-app" class="top-bar-button"><div class="unselectable top-button-text">&#9633</div></div> 
                <div id="minimize-app" class="top-bar-button"><div class="unselectable top-button-text">-</div></div>
            </div>

            <div id="navigation-bar"> 
                <div id="deviceSelection" class ="unselectable navigation-button">

                    <img id="deviceSelection-image" class="navigation-image" src="Icons/selectDevice2.png">
                </div>

                <div id="info" class="unselectable navigation-button">

                    <img id="info-image" class="navigation-image" src="Icons/DeviceInfoNoBorder.png">
                </div>

                <div id="config" class=" unselectable navigation-button">

                    <img id="config-image" class="navigation-image" src="Icons/DeviceConfigNoBorder.png">
                </div>

                <div id="graph" class="unselectable navigation-button">

                    <img id="graph-image" class="navigation-image" src="Icons/DataViewNoBorder.png">
                </div>

                <div id="export" class="unselectable navigation-button">

                    <img id="export-image" class="navigation-image" src="Icons/Export.png">
                </div>

                <div id="options-container"><img id="options" src="Icons/options.png"></div> 

            </div>

            <div id="information-data-view" class="unselectable">
                <div id="data">
                        <div id="push-to-read"></div>
                </div>
            </div>

        </div>


    </body>

    <script src="ipcRenderer.js" type="text/javascript"></script>
</html>

这是我的index.js，负责创建浏览器窗口

const electron = require('electron')
const ipcMain = require('electron').ipcMain
const url = require('url')
const path = require('path')
const child_process = require('child_process')
const app = electron.app


var windowFullScreen = false;

const BrowserWindow = electron.BrowserWindow



var MainWindow;
app.on('ready', function()
{
    MainWindow = new BrowserWindow({
        width: 1024, 
        height: 768, 
        backgroundColor : '123355',
        frame: false,
        resizable: true,
        movable: true,
        show: false
    })

MainWindow.on('ready-to-show', () => {
    MainWindow.show()
    console.log('Ready to go!')
})
MainWindow.loadURL(url.format({
    pathname: path.join(__dirname, 'index.html'),
    protocol: 'file:',
    slashes: true
}))
ipcMain.on("minimize", (event, arg) => {
    MainWindow.minimize()
    console.log("minimize")
})
ipcMain.on("maximize", (event, arg) => {
    if (!windowFullScreen) {
        MainWindow.maximize()
        windowFullScreen = true;
    }
    else {
        MainWindow.setSize(800, 600)
        windowFullScreen = false;
    }

    console.log("maximize")
})
ipcMain.on("close", (event, arg) => {
    MainWindow.close()
    console.log("close")
})

ipcMain.on("read", (event, arg) => {
    setInterval(()=>{console.log(usbcomm.read(1))}, 1)
    const process = child_process.fork('./readUSB.js')
})
})

ipcRenderer.js

这是我为DOM设置onclick事件处理程序的地方。这里相关的部分是read.onclick（），它向主进程发送“ read”消息，告诉它派生该进程并运行readUSB.js，我将其包含在下面。

const electron = require('electron');
const ipcRenderer = electron.ipcRenderer;


var minimize = document.getElementById("minimize-app");
var maximize = document.getElementById("maximize-app");
var read = document.getElementById("push-to-read");
var close = document.getElementById("close-app");

minimize.onclick = (event) => {
    ipcRenderer.send("minimize", "an-argument")
    console.log("minimize");    
} 

maximize.onclick = (event) => {
    ipcRenderer.send("maximize", "an-argument")
    console.log("maximize")
} 

close.onclick = (event) => {
    ipcRenderer.send("close", "an-argument")
    console.log("close")
}

read.onclick = (event) => {
    ipcRenderer.send("read", "an-argument")
    console.log("read")
}

readUSB.js

此代码应该简单地从USB读取一个字节并将其输出到控制台，相反，它什么也不读取，并输出null（如果未读取任何内容，usbcomm.read（）将返回null）。这只是确保我可以异步读取（）的概念证明，但是显然事情无法正常进行。

const SerialPort = require('serialport')
const usbcomm = new SerialPort("COM4")
usbcomm.setEncoding('utf-8')


usb_rx();


function usb_rx()
{

    console.log("running in child process!")
    console.log(usbcomm.read(1))

}

如果我将此代码作为事件处理程序运行以响应来自渲染器进程的“读取”消息，则一切正常运行，并且我从USB读取了正确的响应。我已经确认这不是我的USB设备的问题，并且在简单的用例中，usbcomm.read（）的行为符合预期。

我现在想知道node-serialport是否由于某种原因不能与在fork（）中运行的代码一起使用。

Answer 1

您可以阻止来自渲染器的调用。只要您将它们保持在20-30毫秒以下，并且不会阻塞呼叫，您就不会感到麻烦。在渲染器过程中，我们已经广泛使用node-serialport和node-ffi，每秒进行数十次调用，传输兆字节的数据，同时保持UI响应速度而不会产生混乱。

也许您不能将阻塞电话保持足够短的时间？在主要过程中如何做？这也是一个坏主意。阻塞主进程会阻塞渲染器和GPU进程之间的IPC，因此您也可能会以这种方式挂起UI。

如果确实需要长时间阻塞同步调用，请在隐藏的渲染器进程中进行。您可以根据需要阻止它，因为它不显示任何UI。为了简化操作，您可以使用electron-remote - renderer-taskpool功能将长时间运行的任务添加到另一个渲染器进程中。

节点串行端口模块不适用于子进程fork（）

1 个答案: