17370845950

Electron 是一个开源框架，用 HTML、CSS 和 JavaScript 构建跨平台桌面应用；其核心含主进程（管理生命周期）和渲染进程（显示网页内容），通过 IPC 通信实现安全交互。

Electron 不是 JavaScript 的一个语法或特性，而是一个开源框架，它让开发者能用 HTML、CSS 和 JavaScript（也就是标准 Web 技术）来构建跨平台的桌面应用程序。 它本质上把 Chromium 浏览器引擎和 Node.js 运行时“打包”在一起，让你写的网页，不仅能跑在浏览器里，还能直接变成 Windows、macOS 或 Linux 上的原生桌面应用（比如 VS Code、Slack、Figma 桌面版）。

Electron 的核心结构：两个进程各司其职

Electron 应用由两个独立但协同工作的进程组成：

• 主进程（Main Process）：基于 Node.js，负责管理应用生命周期、创建窗口、处理系统事件（如菜单、托盘、文件对话框）、与操作系统交互。一个 Electron 应用只有一个主进程。
• 渲染进程（Renderer Process）：基于 Chromium，每个 BrowserWindow 实例对应一个渲染进程，用来显示网页内容（HTML/CSS/JS）。它像普通浏览器标签页一样运行前端代码，但默认禁用 Node.js 集成以保安全（可按需开启）。

怎么用 Web 技术写桌面应用？关键就三步

你不需要重学新语言，只需沿用熟悉的 Web 开发方式，再加一点 Electron 特有的约定：

• 用 HTML 写界面结构，CSS 控制样式，JavaScript 实现交互逻辑——这部分和开发网站完全一样。
• 用主进程启动一个 BrowserWindow，把你的 index.html 加载进去：win.loadFile('index.html') 或 win.loadURL('file://...')。
• 需要调用系统能力（比如读写文件、打开系统对话框、访问剪贴板）时，通过 ipcRenderer（渲染进程）和 ipcMain（主进程）通信，让主进程代为执行（因为渲染进程权限受限，更安全）。

它为什么能跨平台又“像原生”？

Electron 自带 Chromium 和 Node.js 的二进制包，打包时会把它们和你的代码一起封装成各平台的可执行文件（.exe / .app / .deb）。用户安装后不依赖本地是否装过 Chrome 或 Node —— 所有依赖都已内置。界面用 Web 技术实现，自然支持响应式、动画、现代 UI 框架（React/Vue/Svelte），而通过 Electron 提供的 API（如 nativeTheme、Tray、Menu），也能调出系统级菜单、托盘图标、通知等原生体验。

基本上就这些。它不复杂，但容易忽略进程隔离和安全边界——别在渲染进程中直接调 Node 文件模块，该通信就通信。