Electron是什么?
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。
Electron 允许开发者使用前端技术栈来创建可以在 Windows、macOS 和 Linux 等多个操作系统上运行的桌面应用程序。
Electron 本质上是一个运行在桌面操作系统上的运行时环境,它将 Chromium(一个开源的浏览器引擎)和 Node.js(一个基于 JavaScript 的服务器端运行时环境)结合在一起。这使得开发者可以在应用程序中同时使用前端的 HTML、CSS 和 JavaScript 来构建用户界面,以及使用 Node.js 的强大功能来进行文件系统操作、网络通信等后端任务。
注意
桌面应用程序是一种在个人计算机上运行的软件应用,它直接安装在操作系统上,为用户提供特定的功能和服务。
Electron主要组成部分
- Chromium 引擎
- 支持最新特性的chrome浏览器
- 提供了强大的渲染能力,能够高效地显示网页内容和运行前端代码。它负责显示应用程序的用户界面,包括 HTML 页面、CSS 样式和 JavaScript 交互。
- Node.js
- JavaScript运行时环境
- 允许开发者在应用程序中使用 Node.js 的 API 进行文件操作、网络请求、进程管理等后端任务。这使得应用程序可以与操作系统进行深度交互,实现各种功能,如读写文件、与服务器通信、管理系统资源等。
- native API
- 提供统一的原生界面操作能力
- 开发者可以通过 native API 直接与操作系统进行通信,例如调出操作系统的系统通知等。
Electron 工作流程
Electron 的工作流程主要包括以下几个步骤:
- 启动阶段
- 用户双击 Electron 应用程序的图标或通过其他方式启动应用程序。
- 操作系统将启动应用程序的可执行文件,这个可执行文件实际上是一个由 Electron 打包工具生成的启动脚本。
- 启动脚本会加载 Electron 的主进程,主进程通常是一个用 Node.js 编写的脚本文件。主进程负责管理应用程序的生命周期、窗口管理、与操作系统的交互等任务。
- 主进程初始化
- 在主进程中,首先会加载必要的模块和库,如 Node.js 的核心模块、Electron 的核心模块等。
- 主进程会创建一个或多个浏览器窗口,每个窗口对应一个独立的渲染进程。窗口的创建可以通过编程方式实现&