鸿蒙 App

概念 #

鸿蒙 APP 是运行在鸿蒙手机系统中的应用。

快速开始 #

如何创建一个鸿蒙应用

鸿蒙 App 开发实战 #

前言 #

本文的目标读者是有一定前端开发经验,但是没有开发过鸿蒙 APP 的前端开发者。

本系列文章的价值是在官方文档之外,提供一个信息压缩的版本,针对特定主题,提供作者的个人实践,以加速对鸿蒙开发的学习。

环境搭建 #

由于鸿蒙 App 的开发过程依赖鸿蒙系统的更新。

安装 IDE

https://developer.harmonyos.com/cn/develop/deveco-studio

安装 SDK 及工具链

https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/environment_config-0000001052902427-V3#section551917522319

SDK Manager 统一管理 SDK 及工具组件

  • NodeJS. Node.js 版本要求为 v14.19.1,且低于 v17.0.0。可以使用 node 版本管理工具进行

安装命令行工具

第一行代码

创建应用 #

现在可以直接使用 ArkTs 编写 UI 框架,并且使用 Stage 应用模型。

基于组件的页面开发 #

模块的打包、发布 #

常用布局实现 #

数据状态管理&持久化 #

路由&生命周期&区块暴光 #

Web 组件 & 交互 #

手势交互&时间 #

打包&发布 #

动画 #

模板项目 #

性能 #

错误 #

埋点 #

基于 Web 组件实现混合 App #

鸿蒙系统架构 #

鸿蒙应用模型 #

应用模型 #

鸿蒙应用有两种应用模型

  • FA 模型,API 7 开始支持,现在已经不再主推
  • Stage 模型,是 API 9 开始支持,是目前的以及未来会使用的模型。

提问:

为什么要提出 Stage 模型,有哪些优越性?

UI 框架 #

  • ArkTS。声明式开发范式
  • Js,类 Web 开发范式