素材阁

Electron 速查

共 25 条 Electron 桌面应用开发,涵盖基础与启动、窗口、进程通信、安全、打包。 支持搜索与分类筛选,点击即可复制。

基础与启动

主进程 + 渲染进程。

命令说明
安装 Electron
指定主进程入口
运行应用
引入核心模块
应用就绪后创建窗口

窗口

BrowserWindow 配置。

命令说明
创建窗口
指定预加载脚本
加载本地文件 / 开发地址
打开开发者工具
窗口全关后退出(macOS 例外)

进程通信

主进程与渲染进程互通。

命令说明
主进程注册处理(invoke 方式)
渲染进程调用
事件式通信
在 preload 中安全暴露 API
渲染进程调用暴露的方法

安全

默认开启的加固选项。

命令说明
隔离 preload 与页面上下文(默认开启)
页面不直接使用 Node(默认关闭)
启用沙箱
保持同源策略并设置内容安全策略
只信任预期的窗口/来源

打包

分发安装包。

命令说明
常用打包工具
electron-builder 配置
多平台打包
Electron Forge 脚手架
发布前需配置签名证书

使用说明

Electron 速查:基础与启动、窗口、进程通信、安全、打包;支持搜索与分类筛选,点击即可复制。

  1. 按用途点分类:基础与启动、窗口、进程通信、安全、打包。
  2. 点「命令」列复制到 main.js / preload.js 或终端。
  3. 页面不要直接用 Node:在 preload 用 contextBridge 暴露最小 API。
  4. 打包发布用 electron-builder,按平台产出安装包。

常见问题

为什么强调 contextIsolation?
隔离后页面脚本无法直接触碰 Node 与 preload 内部,攻击面更小;配合最小权限的桥接 API 才安全。
主进程和渲染进程怎么通信?
渲染进程用 ipcRenderer.invoke 调用主进程 ipcMain.handle 注册的处理,或通过 preload 暴露的封装方法。
需要联网吗?
速查内容本地可用;安装依赖需联网。

延伸阅读

相关工具