IT评测·应用市场-qidao123.com

标题: 鸿蒙5.0开发实战：使用uni-app开发鸿蒙应用 [打印本页]

作者: 尚未崩坏 时间: 2024-12-10 01:43
标题: 鸿蒙5.0开发实战：使用uni-app开发鸿蒙应用
往期鸿蒙全套实战出色文章必看内容：

鸿蒙开发核心知识点，看这篇文章就够了
最新版！鸿蒙HarmonyOS Next应用开发实战学习路线
鸿蒙HarmonyOS NEXT开发技能最全学习路线指南
鸿蒙应用开发实战项目，看这一篇文章就够了（部门项目附源码）

昨天和一位友友聊天时发现uni-app已经支持开发鸿蒙应用了，小编研究了一下，本日跟大家做个分享。
首先要配置好鸿蒙开发环境，这里必要DevEco Studio 5.0.3.400以上，鸿蒙api版本12以上，也就是说必要先申请鸿蒙NEXT系统开发权限。并配置好模拟器或真机。
uni-app方面，HbuilderX版本必要在4.22以上，开发语言Vue3。重点要看看运行菜单有没有鸿蒙选项。

第一步，下载uni-app官方提供的鸿蒙离线SDK，解压后在DevEco-Studio中打开并运行程序。
第二步，配置路径。在Hbuilder的用户设置里配置DevEco Studio路径。

Mac用户可以按住option单机右键复制文件路径：

第三步，配置uni-app工程
1、HBuilderX 新建一个空白的 uniapp 项目，选vue3
2、在 manifest.json 文件中配置鸿蒙离线SDK路径

"app-harmony": {
"projectPath": "第一步的鸿蒙离线SDK解压地址/package"
}

复制代码

第四步，编译程序到鸿蒙。点击HBuilderX上方运行菜单，运行到鸿蒙 DevEco Studio。
等待 HBuilderX 编译完成，然后打开 DevEco-Studio，点击运行。
如许一个uni-app程序就编译成为了鸿蒙程序。别的，官方还提供了许多调用原生api的方式。

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

欢迎光临 IT评测·应用市场-qidao123.com (https://dis.qidao123.com/)