electron 入门教程
内容提要
Electron是一个使用JavaScript、HTML和CSS构建桌面应用程序的跨平台框架。本文介绍了Electron的安装和使用方法，包括创建窗口、预加载脚本、进程间通信和打包分发应用程序等。
延伸解读
安装依赖的常见问题与镜像配置
由于网络原因，直接运行 npm install --save-dev electron 可能失败。文章建议先检查镜像源（nrm ls），确保使用 npm 源，然后在 npm 配置文件中添加 electron_mirror 等镜像地址。这能有效解决依赖下载问题，但需注意镜像源可能不是官方源，存在同步延迟或安全风险。
预加载脚本与安全上下文隔离
预加载脚本在渲染进程加载页面前注入，可访问有限的 Node.js 和 Electron API。通过 contextBridge 暴露特定功能，能避免直接开启 nodeIntegration 带来的安全风险。文章示例中，将 process.versions 暴露为全局对象，既满足需求又遵循了安全最佳实践。
进程间通信的两种模式与选择
文章介绍了单向 IPC（渲染进程到主进程）和双向 IPC（通过 ipcMain.handle 与 ipcRenderer.invoke）。双向通信适合请求-响应场景，如示例中的 ping/pong。而主进程到渲染进程的消息推送则使用 webContents.send，渲染进程通过 ipcRenderer.on 监听。选择合适模式能简化代码结构。
渲染进程间通信的两种方案
渲染进程之间不能直接通信，文章给出两种方案：一是通过主进程中转消息，实现简单但增加主进程负担；二是使用 MessageChannelMain 建立直接通道，通过 postMessage 传递端口，实现高效点对点通信。后者更复杂，但适合频繁交互的场景。
Q&A
如何安装Electron框架？
使用命令npm install --save-dev electron进行安装。
如何创建第一个Electron应用程序？
需要创建index.html和index.js文件，并在index.js中使用BrowserWindow加载index.html。
Electron中的进程间通信是如何实现的？
使用ipcRenderer和ipcMain模块进行消息传递，允许主进程和渲染进程之间的通信。
什么是Electron Forge，它的作用是什么？
Electron Forge是用于打包和分发Electron应用程序的工具，简化了打包过程。
如何使用预加载脚本在Electron中注入功能？
通过在BrowserWindow的webPreferences中设置preload选项，将预加载脚本路径传入。
如何启动Electron项目？
使用命令npm run start来启动项目。
