Electron 2 初学者教程：学习基础知识

Electron 是一个用于构建跨平台桌面应用程序的开源框架，它允许您使用 JavaScript、HTML 和 CSS 来开发应用程序。Electron 应用程序可以在 Windows、macOS 和 Linux 上运行，而无需为每个平台分别编写代码。

在本文中，我们将学习如何使用 Electron 来构建一个简单的应用程序。我们将首先介绍 Electron 的基础知识，然后创建一个新的 Electron 项目，最后运行我们的应用程序。

Electron 基础知识

Electron 由两部分组成：

• 渲染进程 ：负责渲染应用程序的界面。
• 主进程 ：负责管理应用程序的窗口、菜单和文件系统等。

渲染进程和主进程之间通过 IPC（进程间通信）进行通信。

创建一个新的 Electron 项目

要创建一个新的 Electron 项目，您可以使用 Electron 的命令行工具 electron-quick-start。首先，确保您已经安装了 Node.js。然后，在终端中输入以下命令：

npx electron-quick-start

这将在您的当前目录中创建一个名为 electron-quick-start 的新文件夹。

运行应用程序

要运行应用程序，请在 electron-quick-start 文件夹中打开终端，然后输入以下命令：

npm start

这将启动 Electron 开发服务器，并打开一个新的浏览器窗口。

Electron 的基本概念

渲染进程

渲染进程负责渲染应用程序的界面。它使用 Chromium 作为其渲染引擎，这意味着您可以使用 HTML、CSS 和 JavaScript 来创建您的应用程序的界面。

主进程

主进程负责管理应用程序的窗口、菜单和文件系统等。它使用 Node.js 作为其运行时环境，这意味着您可以使用 JavaScript 来编写您的应用程序的主进程代码。

IPC

IPC（进程间通信）是渲染进程和主进程之间通信的方式。您可以使用 ipcRenderer 模块在渲染进程中发送消息到主进程，也可以使用 ipcMain 模块在主进程中监听来自渲染进程的消息。

异步通信

异步通信是渲染进程和主进程之间进行通信的一种方式。在这种方式中，渲染进程将消息发送给主进程，而主进程将在稍后某个时间点对消息进行处理。

要进行异步通信，您可以在渲染进程中使用 ipcRenderer.send() 方法发送消息，在主进程中使用 ipcMain.on() 方法监听消息。

同步通信

同步通信是渲染进程和主进程之间进行通信的另一种方式。在这种方式中，渲染进程将消息发送给主进程，并等待主进程对消息进行处理后返回结果。

要进行同步通信，您可以在渲染进程中使用 ipcRenderer.sendSync() 方法发送消息，在主进程中使用 ipcMain.handle() 方法监听消息。

总结

在本文中，我们学习了 Electron 的基础知识，并创建了一个新的 Electron 项目。我们还学习了如何使用 IPC 在渲染进程和主进程之间进行通信。

Electron 是一个强大的框架，可以用来构建跨平台的桌面应用程序。如果您想了解更多关于 Electron 的信息，可以访问 Electron 的官方网站。