Electron 和 Angular JS 之间的交互

Question

我通过用电子包装我的网页，使用电子开发了一个桌面应用程序。 现在如何使我的网页和电子交互，即捕获网页内的任何点击事件并在 main.js 等中调用电子函数并将一些数据从电子传递到网页。

注意：我的网页是使用 angular 1.5 开发的

Answer 1

我建议在继续之前检查电子快速入门存储库。

https://github.com/electron/electron-quick-start

https://github.com/electron/electron-api-demos

为了在主进程和渲染器进程之间进行通信，您应该查看 ipcMain 和 ipcRenderer (ipcMain)。

文档中提供的示例仅供参考。

// In main process.
const {ipcMain} = require('electron')
ipcMain.on('asynchronous-message', (event, arg) => {
  console.log(arg) // prints "ping"
  event.sender.send('asynchronous-reply', 'pong')
})

ipcMain.on('synchronous-message', (event, arg) => {
  console.log(arg) // prints "ping"
  event.returnValue = 'pong'
})


// In renderer process (web page).
const {ipcRenderer} = require('electron')
console.log(ipcRenderer.sendSync('synchronous-message', 'ping')) // 
prints "pong"

ipcRenderer.on('asynchronous-reply', (event, arg) => {
  console.log(arg) // prints "pong"
})
ipcRenderer.send('asynchronous-message', 'ping')