Question

在我的电子应用程序中，我正在使用SerialPort与Arduino设备进行接口。我想在电子菜单中列出可用的端口（插入arduinos）。我现在不知道如何在我的应用加载之前，如何将数据从renderer.js文件发送到主流程，然后构建菜单并在其中添加所有项目。

我正在使用此模板来构建菜单，并使用以下脚本来获取所有串行端口：

const template = [
    {
        label: 'Edit',
        submenu: [
            { role: 'undo' },
            { role: 'redo' }
        ]
    },
    {
        label: 'Ports',
        submenu: [
            { 
                label: 'select port',
                submenu: [
                    { label: 'Port1' },
                    { label: 'Port2' },
                    { label: 'Port3' }
                ]
            }
        ]
    },
    { label: 'Help' }
]

// renderer.js
const serialport = require('serialport')
const { ipcRenderer } = require('electron')

get_ports = function () {
    console.log('clicked')
    serialport.list((err, ports) => {
        if (err) {
            console.log(err)
            return
        } else {
            console.log(ports)
        }
    })
}

Answer 1

您可以通过IPC将serialport.list ()函数提供的端口发送到主进程，在此将它们放入模板，然后将其设置为应用程序的菜单。

例如，渲染器进程的文件：

const serialport = require ("serialport");
const { ipcRenderer } = require ("electron");

get_ports = function () {
    console.log ('clicked');
    serialport.list ((err, ports) => {
        if (err) {
            console.log (err);
            return;
        } else {
            ipcRenderer.send ("serialports", ports);
        }
    })
}

然后在您的主流程文件中：

// `template' as in your question
const { ipcMain, Menu } = require ("electron");

ipcMain.on ("serialports", (event, data) => {
    var portsSubmenu = [];

    for (port in data) {
        portsSubmenu.push ({ label: port.comName });
    }

    template[1].submenu[0].submenu = portsSubmenu;
    Menu.setApplicationMenu (Menu.buildFromTemplate (template));
});

如果将新项目放在template[1].submenu[0]项目之前，则要修改的子菜单（此处为"Ports"）的索引会更改。

如何从串行端口列表向电子菜单添加菜单项

1 个答案: