当前位置: 首页 > news >正文

uniapp跨平台开发HarmonyOS NEXT应用初体验

之前写过使用uniapp开发鸿蒙应用的教程,简单介绍了如何配置开发环境和运行项目。那时候的HbuilderX还是4.22版本,小一年过去了HbuilderX的正式版本已经来到4.64,历经了多个版本的更新后,跨平台开发鸿蒙应用的体验大幅提升。今天再次跟大家分享一下使用uniapp开发鸿蒙的使用教程。

这次的开发体验最大的感觉是非常的方便快捷,你甚至不需要打开DevEco studio,直接使用Hbuilder就可以连接真机进行调试,还有自动的实时编译更新,非常友好。

首先,你需要去AppGallery Connect创建一个新的应用,填写应用名称和包名之后创建应用,包名我们一会需要用到。贴一下AppGallery Connect地址:

https://developer.huawei.com/consumer/cn/service/josp/agc/index.html#/

uniapp跨平台开发HarmonyOS NEXT应用初体验-鸿蒙开发者社区

接下来下载安装最新版本的HbuilderX,目前是4.64版本,下载地址:

https://www.dcloud.io/hbuilderx.html

打开HbuilderX新建项目,Vue版本选择3.0

uniapp跨平台开发HarmonyOS NEXT应用初体验-鸿蒙开发者社区

创建项目之后,电脑连接真机,或者打开DevEco studio的模拟器也可以。然后再HbuilderX的运行菜单下找到运行到鸿蒙,第一次可能会有下载真机插件的步骤,还有配置调试证书的弹窗,真机插件是自动下载的,配置证书需要填写第一步创建应用时的包名,然后我推荐大家使用自动申请调试证书,信息自动填写完成后点击保存。

uniapp跨平台开发HarmonyOS NEXT应用初体验-鸿蒙开发者社区

再次运行,会弹出检测到的设备列表:

uniapp跨平台开发HarmonyOS NEXT应用初体验-鸿蒙开发者社区

选择设备就可以将应用运行到设备上:

uniapp跨平台开发HarmonyOS NEXT应用初体验-鸿蒙开发者社区

这时候尝试修改一些内容,程序会自动编译更新,非常方便。

整个的开发过程甚至比原生开发更加友好,鸿蒙的跨平台开发体验又提升了一大步,相信以后会有越来越多的开发者加入跨平台开发的阵容。这也符合幽蓝君之前的预测,在三个移动操作系统面前,跨平台会开发是很多中小企业的第一选择,而unipp又是跨平台开发框架中的比较突出的佼佼者,开发体验卓越。

以上就是最新的uniapp开发鸿蒙应用的使用体验,以后也会持续深入的跟大家分享使用uniapp跨平台开发鸿蒙应用的教程,也打算把跨平台开发这部分做成一个合集,方便大家持续学习,欢迎大家关注。

http://www.xdnf.cn/news/362053.html

相关文章:

  • 高级可视化图表分析实践——以《大侠立志传》武器系统为例
  • 经典计算核心问题在于多项式时间内无法求解
  • 「Mac畅玩AIGC与多模态27」开发篇23 - 多任务摘要合成与提醒工作流示例
  • Java中的包装类
  • 量化学习DAY2-开始批量提交alpha!
  • 架构师在技术公司中的角色与价值创造
  • Linux ifconfig命令详解
  • Git回顾
  • 服务器不备案有影响吗
  • 依赖关系-根据依赖关系求候选码
  • 智慧校园安全可视化指挥调度系统解决方案
  • 【源码+论文】基于Vue3的企业后台管理系统设计与实现
  • Excel提取单元格特定符号左右两边内容
  • 损失函数(平方损失MSE、绝对值损失MAE、负对数似然损失NLL、交叉熵损失CEL和二元交叉熵损失BCE)原理、公式调库实现与手动实现
  • ISP流程介绍(Raw格式阶段)
  • 模板引用、组件基础
  • 打破虚拟与现实边界,赵伟辰Holo HK项目引领全球用户体验设计革新
  • 跟我学C++中级篇——STL容器的查找对比
  • [AI Tools] Dify 工具插件上传指南:如何将插件发布到官方市场
  • 软件测试的概念
  • 使用Kotlin Flow实现Android应用的响应式编程
  • MTB图像配准算法实现
  • Swagger 3.0 中注解详细示例
  • Linux云计算训练营笔记day05(Rocky Linux中的命令:管道操作 |、wc、find、vim)
  • linux mcelog inject注入
  • 21.第二阶段x64游戏实战-分析采集物偏移
  • C语言printf使用错误导致程序崩溃
  • 39-算法打卡-二叉树-基础知识-第三十九天
  • C#里创建一个MaterialDesign3的导航条
  • uni-app使用web-view组件APP实现返回上一页