1. 环境准备与工具链配置
第一次接触Electron和HarmonyOS的结合开发时,我花了两天时间才把环境跑通。现在回想起来,如果能提前知道这些关键点,至少能节省80%的配置时间。开发环境的搭建就像搭积木,基础打不好,后面全是坑。
先说硬件要求,很多人容易忽略这一点。我的MacBook Pro 2018款(16GB内存)跑起来还算流畅,但同事的Windows笔记本(8GB内存)在编译阶段就频繁卡死。官方建议16GB内存不是没有道理的,特别是当你同时开着DevEco Studio、Chrome调试器和模拟器的时候。
DevEco Studio的版本选择很关键。去年我用5.0.3版本时遇到过莫名其妙的签名错误,升级到5.0.5后问题消失。建议直接从华为开发者官网下载最新稳定版,安装时记得勾选"Compatible SDK 5.0.5"选项。有个小技巧:安装完成后,在欢迎界面右下角有个"Configure"按钮,里面的"SDK Manager"可以检查SDK是否完整。
Node.js版本我推荐v20.18.1,这是目前最稳定的选择。上周帮学弟排查一个模块加载问题,发现他用的是Node 16,切换版本后立即解决。建议使用nvm管理Node版本,切换起来特别方便:
nvm install 20.18.1
nvm use 20.18.1
2. Electron编译产物获取与处理
从Electron HarmonyOS仓库下载预编译包时,新手最容易犯两个错误:一是下载了错误架构的版本(比如x86_64而不是arm64),二是解压时破坏了目录结构。我第一次操作时,直接把zip包里的内容全选拖到项目目录,结果运行时各种.so文件找不到。
正确的做法是:
- 登录华为开发者账号后,找到v34.6.0-20251105.1-release.zip这样的最新版本
- 使用系统自带的解压工具(不要用第三方工具),完整解压到临时目录
- 检查解压后的目录树是否完整,关键路径应该是:
ohos_hap/
├── electron/
│ ├── libs/
│ │ ├── arm64-v8a/
│ │ │ ├── libelectron.so
│ │ │ ├── libadapter.so
│ │ │ └── ...
│ └── src/
└── web_engine/
有个细节很多人会忽略:libs目录下的.so文件需要执行权限。在Linux/macOS下可以这样处理:
chmod +x electron/libs/arm64-v8a/*.so
3. 项目结构设计与代码集成
官方文档说的resources/app目录其实是个"魔法目录",DevEco Studio会把这个路径下的内容自动识别为E


4万+

被折叠的 条评论
为什么被折叠?



