Electron - 如何使用主进程和渲染器进程-前端问题

Electron - How to use main and renderer processes(Electron - 如何使用主进程和渲染器进程)

本文介绍了Electron - 如何使用主进程和渲染器进程的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

在这一点上，经过大量研究和谷歌搜索，我了解了 main 和 renderer 的作用，以及它们在 Electron 应用中的重要性.

At this point, after much research and googling, I understand what the main and the renderer do, and their importance in an Electron app.

但是，我在这里发出请求，希望所有知识渊博的人都能回答:请我清楚解释如何在我的应用程序中实现这一点?

However, here I am sending out my plea to be answered by all those knowledgeable people out there: Please can I have a clear explanation of how exactly to implement this in my app?

我有一个 main.js、index.html 和 style.css，我正在尝试从 html 文件中触发一个 javascript 函数.@Manprit Singh Sahota 有同样的问题，Electron js 中的按钮点击事件绑定，并解决了它(他很幸运)，但只是说他在 renderer.js 中设置了他的函数，而没有解释在哪里、什么以及如何.@NealR 也有类似的问题但也没有解释他是如何关联他的 renderer.js 的.

I have a main.js, index.html, and style.css, and I'm trying to fire a javascript function from the html file. @Manprit Singh Sahota has the same question, button click event binding in Electron js, and solves it (lucky him), but simply states that he's setting his function in renderer.js without explaining where and what and how. @NealR also has a similar question but also doesn't explain how he's associating his renderer.js.

请有人揭开这个神秘文件保存在哪里的秘密，以及如何在我的程序中引用它?

Please, someone unveil the secret of where this mysterious file is kept, and how I can reference it in my program?

不要建议 Electron 文档，我已经通过它，它似乎需要一些认真的改进......

Don't advise the Electron documentation, I've already been through it and it seems to need some serious improvement...

main.js

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

//stuff creating window...

function applyFormattingRules() {
  console.log('called!');
};

//more stuff opening and closing window...

index.html

<head>
    //...
    <script src="main.js"></script>
</head>

<body>
    //...
    <button type="button" class="btn btn-secondary" name="applyRules"
    onclick="applyFormattingRules()">Apply formatting</button>
</body>

我的窗口工作正常，没有错误.但是当我单击按钮时，什么也没有发生，控制台也没有任何记录.也许我在代码中做错了什么，但我所有的研究似乎都指向 Electron 主进程和渲染器进程.

My window works fine, no errors there. But when I click the button, nothing happens, and nothing logs to the console. Maybe I'm doing something wrong in the code but all my research seems to point to the Electron main and renderer processes.

非常感谢任何建议.

Electron - 如何使用主进程和渲染器进程

问题描述

推荐答案

基础教程推荐