为什么要用 Electron 开发适配鸿蒙

什么是 Electron

Electron 是一个基于 Chromium 和 Node.js 的开源框架，允许开发者使用 JavaScript、HTML 和 CSS 构建跨平台的桌面应用程序。它是网页应用（Web Apps）的一个原生包装层，在 Node.js 环境中运行，能够让 Web 开发者轻松构建原生桌面应用。

知名应用案例： Visual Studio Code、Slack、Discord、Notion、Figma Desktop 等众多流行应用都基于 Electron 构建。

---

为什么选择 Electron 适配鸿蒙

1. 降低开发成本

对于已有 Electron 应用的团队来说，适配鸿蒙可以复用现有的代码库和开发经验，无需从零开始学习鸿蒙原生开发，大幅降低开发成本和时间投入。

2. 跨平台优势

Electron 天然支持 Windows、macOS、Linux 等平台，通过适配鸿蒙，可以让应用在更多平台上运行，实现真正的"一次开发，处处运行"。

3. 丰富的 Web 生态

开发者可以利用成熟的 Web 前端技术栈（React、Vue、Angular 等）和丰富的 npm 生态系统，快速构建功能强大的桌面应用。

4. 助力鸿蒙生态建设

将 Electron 应用适配到鸿蒙平台，能够快速丰富鸿蒙的应用生态，为鸿蒙用户提供更多优质的桌面应用选择，推动鸿蒙生态的繁荣发展。

---

Electron 的核心优势

强大的生态系统

• npm 模块支持：Electron 可运行所有 npm 模块，任何关于 Node.js 的资源都适用于 Electron
• 丰富的工具链：拥有蓬勃发展的生态系统，涵盖安装程序、更新程序、深度操作系统集成等众多功能
• 社区活跃：全球数百万开发者使用 Electron，遇到问题能快速找到解决方案

丰富的内置功能

Electron 使用 C++ 和 Objective-C 编写，提供了数十个简单易用的 API，可实现更深层次的操作系统集成：

• 高级窗口定制（透明窗口、异形窗口等）
• 系统通知（如 Apple 推送通知网络 APNs）
• 自定义 URL 协议处理
• 系统托盘和菜单栏集成
• 文件系统访问
• 进程间通信（IPC）

开源与透明

• 完全开源：整个技术栈完全开源，可任意审查和贡献代码
• 自由定制：可以自由添加任何功能，或修复今后可能遇到的任何错误
• 安全可控：代码透明，便于安全审计

灵活的技术栈

• 混合开发：允许混合使用 Web 技术和 C++、C、Objective-C、Rust 等原生语言
• 原生能力：可以集成 SQLite 数据库、调用原生 API、甚至运行大型语言模型
• 按需扩展：根据应用需求灵活选择技术方案

企业级可靠性

Electron 致力于成为一款成熟的、企业级的、足以胜任关键业务应用的开发框架，始终将以下特性放在首位：

• ✅ 可靠性
• ✅ 稳定性
• ✅ 安全性
• ✅ 性能

---

开发环境准备

在开始 Electron 鸿蒙应用开发之前，需要准备以下工具和环境。

1. 代码编辑器

您需要一个强大的代码编辑器来提高开发效率。

推荐选择：

• Trae - AI 辅助的代码编辑器
• 或您喜欢的任何文本编辑器

2. 命令行工具

在整个开发过程中，需要使用命令行接口（CLI）执行各种操作。

各平台默认终端：

• Windows：命令提示符（CMD）/ PowerShell / Windows Terminal
• macOS：Terminal（终端）
• Linux：取决于发行版（如 GNOME Terminal、Konsole）
• 鸿蒙：系统终端

提示： 大多数现代代码编辑器都内置了终端，可以直接使用。

3. Git 版本控制

Git 是业界标准的版本控制系统，虽然不是必需的，但强烈建议使用。

为什么需要 Git：

• 代码版本管理
• 团队协作开发
• 使用GitCode Releases 实现自动更新

安装步骤：

1. 安装 Git
2. GitCode 账号
3. 配置 Git 用户信息

git config --global user.name "您的名字"
git config --global user.email "您的邮箱"

提示： 如果使用 GitNext Desktop 或其他 Git 图形界面工具，它们会自动帮您安装 Git。

4. Node.js 和 npm

Node.js 是 Electron 应用的运行基础，npm 是其包管理器。

安装要求：

• 推荐安装最新的长期支持（LTS）版本
• 最低版本要求：Node.js 16.x 及以上

安装方式：

1. 官方安装器（推荐新手）

   • 访问 Node.js 官网
   • 下载并安装适合您平台的 LTS 版本

2. 包管理器（推荐进阶用户）

   • macOS：使用 Homebrew 或 nvm
   • Windows：使用 nvm-windows 或 Chocolatey
   • Linux：使用系统包管理器或 nvm

使用 Homebrew 安装（macOS）：

brew install node

使用 nvm 安装（跨平台）：

# 安装 LTS 版本
nvm install --lts

# 使用 LTS 版本
nvm use --lts

验证安装：

安装完成后，在终端中运行以下命令验证：

# 检查 Node.js 版本
node -v
# 输出示例：v20.11.0

# 检查 npm 版本
npm -v
# 输出示例：10.2.4

注意事项：

• 请使用为您平台预构建的 Node.js 安装器，避免编译安装可能带来的兼容性问题
• macOS 用户推荐使用包管理器安装，避免权限问题
• 如需管理多个 Node.js 版本，建议使用 nvm

参考资料

• Electron 官方文档
• Electron Forge - 官方脚手架工具
• 鸿蒙开发者官网
• Awesome Electron - 资源列表

---

作者： 坚果