Skip to main content

使用 JavaScript、HTML 和 CSS 构建跨平台桌面应用

开发文档
web-tech

Web 技术

Electron 嵌入了 Chromium 和 Node.js,使 Web 开发者能够创建桌面应用。

cross-platform

跨平台

Electron 应用与 macOS、Windows 和 Linux 兼容,可在所有受支持架构的三个平台上运行。

open-source

开源

Electron 是一个由 OpenJS 基金会 和活跃的贡献者社区维护的开源项目。

桌面开发变得简单

Electron 负责处理困难部分,因此你可以专注于应用的核心。

macOS operating system menu for VSCode. 'Code' menu item is selected, and its submenu has items 'About Visual Studio Code', 'Check for Updates...', 'Preferences', 'Services', 'Hide Visual Studio Code', 'Hide Others', 'Show All', 'Quit Visual Studio Code'.

原生图形用户界面

使用 Electron 的主进程 API 与操作系统的接口进行交互。 自定义 应用窗口 外观、控制应用 菜单、或通过 对话框通知 提醒用户。

Dialog for Electron Fiddle's auto-update. The user is prompted to update to v0.27.3. 'A new version has been downloaded. Restart the application to apply the updates.' There are two buttons underneath: 'Later' and 'Restart'.

自动软件更新

每当你发布新版本时,都会使用由 Squirrel 提供支持的 Electron 自动更新模块 向 macOS 和 Windows 用户发送软件更新。

Window on macOS for the WhatsApp Installer (DMG). Two icons are present: 'WhatsApp' and 'Applications'. The user is prompted to drag the WhatsApp app icon into the Applications folder.

应用安装程序

使用 社区支持的工具 生成特定于平台的工具,例如 macOS 上的 Apple 磁盘映像 (.dmg)、Windows 上的 Windows 安装程序 (.msi) 或 Linux 上的 RPM 包管理器 (.rpm)。

Mac App Store window open to the Rocket.Chat download page.

应用商店分布

将你的应用分发给更多用户。 Electron 对 Mac App Store (macOS)、Microsoft Store (Windows) 或 Snap Store (Linux) 提供一流的支持。

Screenshot of Sentry crash reporting (https://sentry.io). Shows the error message ('BrowserWindow Unresponsive'), user breadcrumbs, and user information.

崩溃报告

使用 崩溃报告器 模块自动收集用户的 JavaScript 和原生崩溃数据。 使用第三方服务来收集此数据或设置你自己的本地 Crashpad 服务器。