记electron鸿蒙化踩的坑

275 阅读2分钟

哈喽大家好,笔者最近在开发一款对标Audition的鸿蒙专业录音软件,途中踩了不少鸿蒙pc开发的坑,想要分享给大家避免大家再跌入同样的坑。 首先在选择跨端开发后,听取了别人的意见选择了electron+vue组合开发。web开发还是很轻松愉快的,没过多久就开发出了web端。

截屏2025-09-11 08.20.42.png

截屏2025-09-11 08.21.24.png 完事以后在鸿蒙化的过程中踩了几个坑,刚开始搜electron鸿蒙template的时候是先找到了开源鸿蒙的electron仓库:gitcode.com/openharmony… 按照readme一步步走,因为笔者用的Apple Silicon的mac,运行构建脚本发现开鸿的脚本没为macos适配,于是自己utm装了个ubuntu安装,第二个坑又来了,构建库是为x86设备准备的,联系AGC支持人员对方表示没有办法。尝试无果后笔者就放弃了几天。 后来某天开鸿的issue,发现有大佬在issue下面留了个arm的预构建脚本,链接:github.com/ohosvscode/… 惊喜之余笔者pull下来试了一下发现可以用,但是在pc模拟器上编译run下来黑屏,于是给开发者联盟提了个单。好在开发者联盟还是比较给力,当天帮忙排查了一下原因,发现是WebGL暂时没适配2in1模拟器,好在笔者手头有鸿蒙pc真机,问题也算解决了。后面最诡异的一个问题又来了,笔者将真机上调试通的app包上传agc上审核,审核打回来说闪退,自己又跑了下也是同样结果。排查了一天后无果只能求教agc的对接人员,对方告诉我关闭代码混淆就可以了,自己尝试了一下确实可以。云调试测试就都通过了。文章的最后给大家留个鸿蒙官方在持续更新的electron仓库链接,免得大家再找了:devcloud.cn-north-4.huaweicloud.com/codehub/pro… 我是小李,祝大家都做出好产品