在开始构建 Electron 应用之前，了解其基本结构是非常重要的。本章将详细介绍 Electron 应用的各个组成部分以及它们如何协同工作。
主进程与渲染进程
Electron 应用由两个主要类型的进程组成：主进程和渲染进程。
主进程
主进程是应用启动时运行的第一个进程。它负责创建和管理窗口、处理系统级操作（如文件选择对话框）、以及与其他进程通信。每个 Electron 应用至少有一个主进程。
创建窗口
主进程的主要任务之一是创建窗口。你可以使用 BrowserWindow 类来创建窗口，并且可以设置窗口的各种属性，如大小、位置、是否可调整大小等。
-- -------------------- ---- -------
----- - ------------- - - -------------------
--- --- - --- ---------------
------ ----
------- ----
--------------- -
---------------- ----
-
--
--------------------------------菜单栏
在 Windows 和 Linux 系统上，Electron 应用默认没有菜单栏。然而，在 macOS 上，应用程序需要一个菜单栏。你可以使用 Menu 和 Tray 模块来创建自定义菜单。
-- -------------------- ---- -------
----- - ---- - - -------------------
--- ---- - ------------------------
-
------ -------
-------- -
- ----- ------ -
-
-
--
-----------------------------渲染进程
渲染进程是由主进程创建的浏览器窗口内的网页。每个浏览器窗口都有自己的渲染进程，这些进程之间相互隔离，确保了安全性。
HTML 文件
渲染进程通常包含 HTML 文件，这些文件定义了用户界面的外观。HTML 文件中可以嵌入 CSS 和 JavaScript，以实现样式和交互效果。
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
--------- -------- -----------
-------
---- - ------------ ------ ----------- -
--------
-------
------
---------- --------------
------- ---------------------------
-------
-------JavaScript 文件
JavaScript 文件用于实现前端逻辑，包括事件处理、数据获取等。在渲染进程中，你可以使用 Node.js 的所有功能，因为默认情况下 Node.js 集成已被启用。
console.log('Hello from renderer process!')
document.querySelector('h1').addEventListener('click', () => {
alert('You clicked the title!')
})通信机制
主进程和渲染进程之间需要一种有效的通信机制。Electron 提供了多种方法来实现这一点：
IPC（进程间通信）
IPC 是主进程和渲染进程之间交换消息的一种方式。你可以使用 ipcMain 和 ipcRenderer 模块来处理这种通信。
在渲染进程中发送消息
const { ipcRenderer } = require('electron')
ipcRenderer.send('message-from-renderer', 'Hello, main process!')在主进程中接收消息
const { ipcMain } = require('electron')
ipcMain.on('message-from-renderer', (event, message) => {
console.log(message)
})使用远程模块
远程模块允许你在渲染进程中调用主进程的方法。虽然这种方法简单易用，但由于存在潜在的安全风险，建议谨慎使用。
const { remote } = require('electron')
remote.getCurrentWindow().maximize()总结
理解 Electron 应用的基本结构对于开发高效且安全的应用程序至关重要。通过合理组织主进程和渲染进程之间的分工与协作，可以构建出功能强大且用户体验良好的桌面应用。
以上内容详细介绍了 Electron 应用的基本结构，涵盖了主进程与渲染进程的概念、通信机制等内容。希望这些信息对你有所帮助！接下来，我们将深入探讨如何利用 Electron 构建实际应用。