在多个文件中拆分电子主进程：不能使用相同的“全局”答案

【问题标题】：split electron main process in multiple file : can't use same `global`在多个文件中拆分电子主进程：不能使用相同的“全局”
【发布时间】：2020-03-23 03:03:17
【问题描述】：

我需要一些关于主进程和渲染器进程的解释。我虽然明白，但我现在有疑问（而且我还需要帮助来调试主进程......）

如果我理解 this ：主进程是主js文件required的所有js文件，它们可以使用app、BrowserWindow、[...]等。渲染器进程都是包含在带有<script> 标记的html 文件中的所有javascript？

我将我的主进程拆分为多个文件，global 是所有这些文件共有的吗？我在 main.js 中定义了 global.sharedThing = { ... }，但是当我尝试在另一个 js 文件中使用 global.sharedThing.label = 'other Str' 覆盖它时出现以下错误：

我的文件夹结构：

<root>
    └─ app
        ├─ [...]
        ├─ windows
        │    └─ tests
        │        ├─ index.js
        │        ├─ script.js
        │        └─ view.html
        └─ main.js

在哪里

main.js = 应用入口点 (electron .)
index.js = main.js 需要，使用 BrowserWindow 和 ipcMain 管理窗口
script.js = 用于 index.html (in )，处理一些 JQuery 并使用 ipcRenderer 和 remote
view.html = 加载到窗口中的 html 文件

./app/main.js

'use strict'

const { app } = require('electron');

const test = require('./windows/tests');

console.log('test debug from main.js'); // don't appear anywhere

global.sharedThing = {
  label: 'Shared from main.js'
};

function Init() {
  test.Create();
}

app.on('ready', Init);

./app/windows/tests/index.js

const { app, BrowserWindow, ipcMain } = require('electron');

let win = null;

// global.sharedThing.label = 'Shared updated from index.js'; // <== THROW ERROR IF UNCOMMENT

function Create() {
    if(win) return win;

    win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true
    }
  });

  win.loadFile(path.join(__dirname, '/view.html'));

  win.on('closed', () => {
    win = null;
  });
}

module.exports = {
    Create,
}

./app/windows/tests/script.js

const { ipcRenderer } = require('electron');

window.jQuery = window.$ = require('jquery');

const sharedThing = require('electron').remote.getGlobal('sharedThing');

$(document).ready(function() {
  $('#testBtn').on('click', onClick);
})

function onClick() {
  console.log('sharedThing', sharedThing); // works
}

./app/windows/tests/view.html

        <!-- hidden for brevity -->
    <script src="./script.js"></script>
  </head>
  <body>
    <button type="button" id="testBtn" value="Click me!">Yes!</button>
    <!-- hidden for brevity -->

【问题讨论】：

标签： node.js electron global

【解决方案1】：

您的main.js 是逐行执行的，因此如果您查看它，您会发现const test = require('./windows/tests'); 出现在之前 sharedThing 全局设置。这意味着windows/tests/index.js 中的所有代码都在此时执行，在global.sharedThing 被赋值之前，所以当你尝试访问它时它仍然是未定义的。

要修复它，只需将您的 global.sharedThing = ... 声明移到依赖它的文件的 require 语句之前。或者，将使用global.sharedThing 的代码移动到您知道它有效的创建函数中。

【讨论】：