如何在electronic中的main.js中從另一個腳本調用函數

Question

電子程序中的main.js文件具有一個小的上下文菜單，右鍵單擊任務欄圖標時會打開該菜單，如下所示：

let menuTarea = [
    {
        label: "Open window",
        click:  function(){ win.show(); }
    },
    {
        label: "**omitted**",
        click:  function(){ shell.openExternal("**omitted**"); }
    },
    {
        label: "Close completely",
        click:  function(){ app.quit(); }
    }
]

我希望菜單按鈕之一調用另一個script.js文件中的函數，該文件在后台運行，這是主窗口中index.html引用的。 我怎樣才能做到這一點？

Answer 1

您只require在index.html require要使用的腳本，然后通過以下方式從main.js調用該main.js ：

executeJavaScript上的executeJavaScript
或使用ipc通訊

一個完整的例子可能是：

main.js

const { app, Menu, Tray, BrowserWindow } = require('electron')
const path = require('path')

let tray = null
let win = null
app.on('ready', () => {
  win = new BrowserWindow({
    show: false
  })
  win.loadURL(path.join(__dirname, 'index.html'))
  tray = new Tray('test.png')
  const contextMenu = Menu.buildFromTemplate([
    {label: "Open window", click: () => { win.show() }},
    {label: "Close completely", click: () => { app.quit() }},
    // call required function
    {
      label: "Call function",
      click: () => {
        const text = 'asdasdasd'
        // #1
        win.webContents.send('call-foo', text)
        // #2
        win.webContents.executeJavaScript(`
          foo('${text}')
        `)
      }
    }
  ])
  tray.setContextMenu(contextMenu)
})

index.html

<html>
  <body>
    <script>
      const { foo } = require('./script.js')
      const { ipcRenderer } = require('electron')
      // For #1
      ipcRenderer.on('call-foo', (event, arg) => {
        foo(arg)
      })
    </script>
  </body>
</html>

script.js

module.exports = {
  foo: (text) => { console.log('foo says', text) }
}

如何在electronic中的main.js中從另一個腳本調用函數

問題描述

1 個解決方案

解決方案1
2 已采納 2018-10-04 09:04:15

如何在electronic中的main.js中從另一個腳本調用函數

問題描述

1 個解決方案

解決方案1 2 已采納 2018-10-04 09:04:15

解決方案1
2 已采納 2018-10-04 09:04:15