Как вызвать функцию в другом скрипте из main.js в электронном - PullRequest
Новая
       2

Как вызвать функцию в другом скрипте из main.js в электронном

0 голосов
/ 04 октября 2018

В моем файле 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 в главном окне.Как я могу это сделать?

1 Ответ

0 голосов
/ 04 октября 2018

Вам просто нужно require сценарий, который вы хотите использовать в index.html, а затем вызвать его из main.js либо

Полный пример может быть:

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) }
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...