Electron IPC如何使用远程网站?

6
我正在创建一个 electron BrowserWindow,使用远程URL,所以无法使用var ipc = require('ipc');语法来包含IPC。是否可以从远程URL发送消息到电子主进程?如果可以,在哪里可以获取JavaScript源代码?
或者也许有更好的方法将信息传递给electron主进程?只需要发送已登录用户信息。

为什么不能使用IPC呢?页面可能是从远程URL加载的,但其中的JavaScript仍由Electron执行。 - Matt Harrison
@MattHarrison 理想情况下,远程页面将独立于电子应用程序工作。 - Bill Johnston
听起来你想要一个API,让你的网站和本地应用程序(electron)都可以访问。 - Matt Harrison
是的,但我认为我仍然需要一种方法让网站将loggedIn用户ID传递给电子主进程。然后,主进程将能够获取与该用户相关的信息。 - Bill Johnston
3个回答

6
这个问题早些时候就被问过了,但我认为这仍然有用。您可以使用preload lag将Javascript注入到浏览器窗口中,在Web首选项中添加以下选项:
const window = new BrowserWindow({
                    webPreferences:{
                     preload: <path_to>/preload.js
                    }
                   })

// preload.js

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

在您加载的外部URL的网页中,可以直接使用window.ipcRenderer

2
发现将 nodeIntegration 设置为 true 作为 webPreferences 的一部分可以解决此问题,并允许 "require" ipc 模块并对其进行发送。
main.js

 var authWindow = new BrowserWindow({
        width: 450,
        height: 300,
        show: false,
        parent: mainWindow,
        modal: true,
        webPreferences:{
      nodeIntegration: true
     }
  });

请注意,如果您可能会执行来自未知来源的脚本,请考虑设置此项的安全性影响。

https://electronjs.org/docs/tutorial/security#2-do-not-enable-nodejs-integration-for-remote-content


0

我相信我解决了它。使用Angular,所以我创建了一个工厂,但是相同的try / catch方法可以适用于任何内容。如果从Electron运行,则发送IPC消息,否则将被忽略。

angular.module('IpcFactory', [])
.factory('IpcFactory', function(){

    var ipcAvailable;

    try{
        var ipc = require('ipc');
        ipcAvailable = true;
    }
    catch(e){
        ipcAvailable = false;
    }

    return {

        ipcAvailable: ipcAvailable,

        send: function(event, message){
            var self = this;
            if(self.ipcAvailable){
                ipc.send(event, message);
            }
        },

        on: function(event, fn){
            var self = this;
            if(self.ipcAvailable){
                ipc.on(event, fn());
            }
        }

    };

});

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接