uni-app开发鸿蒙应用实操分享

上次写过一篇使用uni-app开发鸿蒙的文章,但是当时幽蓝君的编译器还没有编译到鸿蒙的选项,今天又更新了一下,发现HBuilderX针对鸿蒙开发进行了一些更新,我也下载之后进行了一下实操,感觉非常不错,所以跟大家分享一下。 开发环境 首先说一下环境,HBuilderX方面,要去官网下载它的Alpha版本,也就是v4.28。 鸿蒙的版本要在api12。总之是版本越高越好。 运行项目 打开HBuilderX,新建Vue3项目,应用内容可以随便写点,然后尝试运行项目。在运行菜单里找到运行到真机的选项,点击下载真机运行插件,插件安装后会看到运行到鸿蒙的选项: 先不着急运行,打开DevEco-Studio,运行模拟器或连接真机,配置好签名 现在回到HbuilderX点击运行到鸿蒙,这里可能会需要配置DevEco-Studio 启动路径,Windows比较简单,Mac用户按住option右键复制即可。 再次运行到鸿蒙,看是否能检测到鸿蒙设备: 选择设备点击运行,一般到这就运行成功了。 不过我在遇到了一个报错: 解决方式是在HBilderX项目中,harmony-configs/entry/src/main/module.json5文件下删除如下权限申请: ohos.permission.WRITE_IMAGEVIDEO 打包项目 项目运行后工程里会创建对应的鸿蒙配置文件,在这里配置项目的图标、名字等信息。然后在发行菜单中选择Harmony-本地打包,等待片刻会生成一个安装包,这样就打包完成了。 结语 幽蓝君研究了一下,虽然uni-app开发鸿蒙速度更快门槛更低了,但是这种方式开发出来依然是一个web应用,优缺点大家见仁见智吧。

Mar 23, 2025 - 14:48
 0
uni-app开发鸿蒙应用实操分享

上次写过一篇使用uni-app开发鸿蒙的文章,但是当时幽蓝君的编译器还没有编译到鸿蒙的选项,今天又更新了一下,发现HBuilderX针对鸿蒙开发进行了一些更新,我也下载之后进行了一下实操,感觉非常不错,所以跟大家分享一下。

Image description

开发环境

首先说一下环境,HBuilderX方面,要去官网下载它的Alpha版本,也就是v4.28。

鸿蒙的版本要在api12。总之是版本越高越好。

Image description

运行项目

打开HBuilderX,新建Vue3项目,应用内容可以随便写点,然后尝试运行项目。在运行菜单里找到运行到真机的选项,点击下载真机运行插件,插件安装后会看到运行到鸿蒙的选项:

Image description

先不着急运行,打开DevEco-Studio,运行模拟器或连接真机,配置好签名

Image description

现在回到HbuilderX点击运行到鸿蒙,这里可能会需要配置DevEco-Studio 启动路径,Windows比较简单,Mac用户按住option右键复制即可。

Image description

再次运行到鸿蒙,看是否能检测到鸿蒙设备:

Image description

选择设备点击运行,一般到这就运行成功了。

不过我在遇到了一个报错:

Image description

解决方式是在HBilderX项目中,harmony-configs/entry/src/main/module.json5文件下删除如下权限申请:

ohos.permission.WRITE_IMAGEVIDEO
打包项目

项目运行后工程里会创建对应的鸿蒙配置文件,在这里配置项目的图标、名字等信息。然后在发行菜单中选择Harmony-本地打包,等待片刻会生成一个安装包,这样就打包完成了。

Image description

结语

幽蓝君研究了一下,虽然uni-app开发鸿蒙速度更快门槛更低了,但是这种方式开发出来依然是一个web应用,优缺点大家见仁见智吧。