星河璀璨，uni-app 亮相华为 HDC2024 开发者大会

2024年6月21日-23日，第六届华为开发者大会(hdc.together 2024)在东莞松山湖盛大举办，本次盛会重磅发布了万众关注的harmonyos next。

作为鸿蒙生态的重要合作伙伴和深度参与者，dcloud cto 崔红保受邀出席本次大会，并在鸿蒙生态伙伴sdk分论坛中发表《uni-app助力开发者快速构建高性能鸿蒙原生应用》的技术演讲，现场反响热烈。

崔红保先从开源指标、插件生态等维度介绍了uni-app的发展现状，以uni-app的功能框架图为例，介绍了uni-app如何在跨平台的过程中，不牺牲平台特色，如何优雅的调用平台专有能力，真正做到海纳百川、各取所长。

接着，介绍了uni-app的两套鸿蒙化适配方案。

方案一，是对存量uni-app项目的开发者非常友好的webview方案，这套架构也是业内主流的hybrid app架构，即逻辑层、视图层分离架构，老版uni-app在app平台使用的是这套架构，微信等各家小程序使用的也是这套架构。使用本方案，可以帮助开发者快速将之前基于uni-app开发的app、小程序、h5等，快速发布成鸿蒙app，快速入驻鸿蒙生态，抢先接收鸿蒙的流量红利。

方案二，是能获取更高性能、更佳体验的纯原生方案，也就是uni-app x。

每个app跨平台框架诞生时，都曾梦想颠覆原生，但从未成功，原因何在？

uni-app团队有十多年的跨平台框架开发经验，经过漫长的测试和思辨，我们发现关键在于运行时。若想媲美原生，运行时只能也是原生。业内的rn/weex等框架引入的v8/js core等运行环境，导致了逻辑层、视图层在两个进程中的通讯阻塞问题，相比原生开发的逻辑、视图均在一个原生进程中，业内目前的跨平台框架，天生有难以逾越的性能缺陷。

想清楚了这个关键点，跨平台框架就有了新的思路，那就是uni-app x目前的方案：开发态基于web技术栈进行，但运行时需转化为各平台原生实现。

具体来讲，在web平台和小程序平台，我们将uni-app x编译为js，这和目前的uni-app基本是一致的。但到了app平台，我们会将js和vue代码，编译为对应平台的原生语言；比如ios平台，我们会将ts编译为swift，在android平台，我们会将ts编译为kotlin，到了鸿蒙平台，我们会将ts和vue编译为arkts和arkui。

以uni-app x的鸿蒙化为例，进一步解释：

1. 开发者依然基于ts+vue的web技术栈来编写代码，编码完毕后，uni-app x编译器通过swc将ts和vue代码编译arkts/arkui；
2. 编译到鸿蒙开发者工具中的项目，代码已经变成了arkts/arkui，那使用的就是arkui原生渲染，相比webview的渲染，性能更高。同时业务代码转换成arkts，逻辑和渲染都使用鸿蒙原生，就实现了纯血的鸿蒙app。
3. 最后，因为开发者在开发态使用的是vue，用到大量数据响应的机制，所以在运行时，也需要实现arkts版的vue runtime，从而让开发者的业务数据能触发arkui更新。

使用uni-app开发鸿蒙应用，和之前开发各家小程序体验接近，主要在hbuilderx中进行编码，最后运行到鸿蒙开发者工具deveco studio，在deveco中进行模拟器测试并完成打包。hbuilderx支持鸿蒙os各种语法提示。

鸿蒙时代即将来临，开发鸿蒙的最佳实践是什么？uni-app值得推荐！原因有四，如下图。

面向未来，uni-app团队会持续对鸿蒙开发进行优化，重点会在性能体验、生态支持、开发体验、元服务等维度进行迭代升级。

通过这次华为开发者大会，我们看到华为不再是画大饼，鸿蒙真的来了！

uni-app 的鸿蒙版目前处于邀请试用状态，部分开发者的app鸿蒙化适配已接近尾声。下图是基于 uni-app 开发的华为莫塞尔商城的鸿蒙化运行截图，运行体验非常流畅。

 

 

支持鸿蒙平台的uni-app alpha版本，将于7月初面向所有开发者发布，敬请期待。星河璀璨，基于uni-app加入鸿蒙正当时！