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应用,优缺点大家见仁见智吧。

上次写过一篇使用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应用,优缺点大家见仁见智吧。