Question

我需要一些有关主进程和渲染器进程的解释。我虽然知道，但现在对此感到怀疑（并且我还需要帮助调试主要过程...）

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

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

我的文件夹结构：

<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（在中），处理一些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 -->

Answer 1

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

要解决此问题，只需将global.sharedThing声明移到依赖于它的文件的require语句之前。另外，也可以使用global.sharedThing = ...将代码移到您知道有效的创建函数中。

在多个文件中分割电子主过程：不能使用相同的`global`

1 个答案: