鸿蒙极速入门(二)-开发准备和HelloWorld

一、开发准备

本篇博客基于的系统版本:华为官方HarmonyOS版本3.1、OpenHarmony版本4.0Beta

开发语言

  • ArkTS语言(推荐)
  • JS语言(支持)
  • Java语言(已放弃支持)

从Harmony4.0开始,官方主推ArkTS语言,且不再支持Java语言

UI框架-方舟开发框架(ArkUI框架)

个人理解:类似iOS的UIKit/SwiftUI,或者安卓的Jetpack的UI组件/Compose

开发范式

方舟开发框架(ArkUI框架)针对不同目的和技术背景的开发者提供了两种开发范式:

  • 声明式开发范式:ArkTS的声明式开发范式
  • 类Web开发范式:兼容JS的类Web开发范式
开发范式名称 语言生态 UI更新方式 适用场景 适用人群
声明式开发范式 ArkTS语言 数据驱动更新 复杂度较大、团队合作度较高的程序 移动系统应用开发人员、系统应用开发人员
类Web开发范式 JS语言 数据驱动更新 界面较为简单的程序应用和卡片 Web前端开发人员

个人理解:类似iOS的SwiftUI(声明式)和UIKit,或者安卓的JetpackCompose(声明式)和JetpackUI

应用模型

概念

  • 官方解释:应用模型是HarmonyOS为开发者提供的应用程序所需能力的抽象提炼,它提供了应用程序必备的组件和运行机制。
  • 个人理解:开发脚手架+底层运行引擎,类似开发模板

模型

  • Stage模型:HarmonyOS 3.1 Developer Preview版本开始新增的模型,是目前主推且会长期演进的模型。在该模型中,由于提供了AbilityStage、WindowStage等类作为应用组件和Window窗口的“舞台”,因此称这种应用模型为Stage模型。
  • FA(Feature Ability)模型:HarmonyOS早期版本开始支持的模型,已经不再主推。

Stage和FA的区别

技术选型

根据官方文档中的介绍,目前合适的开发技术栈组合:

Stage模型 + 声明式开发范式 + ArkUI框架 + ArkTS语言

二、环境搭建

下载DevEcoStudio

HarmonyOS 3.1 Release (推荐)

目前华为官方HUAWEI DevEco Studio开放下载的版本为3.1 Release,支持到HarmonyOS4.0

下载地址:HUAWEI DevEco Studio 3.1 Release

OpenHarmony 4.0 Beta2

  • 华为从HarmonyNext版本开始,也就是HarmonyOS4.0之后的版本,将删除AOSP代码,既纯净版鸿蒙;
  • 如果想提前了解Next版本的内容,可以在OpenHarmony官网下载HUAWEI DevEco Studio 的4.0 Beta2版本进行开发

下载地址:HUAWEI DevEco Studio 4.0 Beta2

配置开发环境

配置开发环境官方文档,这里不再赘述,使用默认选项,一路Next即可。

三、HelloWorld

1.创建ArkTS工程

打开DevEco Studio,点击Create Project创建工程。或通过DevEco Studio的菜单File > New > Create Project来创建一个新工程。

选择Application应用开发,选择模板“Empty Ability”,点击Next进行下一步配置。

进入配置工程界面,Compile SDK选择“3.1.0(API 9)”,Model 选择“Stage”,其他参数保持默认设置即可。

点击Finish,等待十几秒MyApplication工程就创建完成了。

2.ArkTS工程目录结构(Stage模型)

目录说明:

| MyApplication
|__ entry: HarmonyOS工程模块,编译构建生成一个HAP包。
      |__ src: 用于存放ArkTs源码
      |__ main
      |__ ets
          |__ entryability: 应用/服务的入口
          |__ pages: 应用/服务包含的页面
          |__ resources: 存放应用/服务所用到的资源文件,如图形、多媒体、字符串、布局文件

文件说明:

  • AppScope > app.json5:应用的全局配置信息。
  • entry > src > main > module.json5:Stage模型模块配置文件。主要包含HAP包的配置信息、应用/服务在具体设备上的配置信息以及应用/服务的全局配置信息。 module.json5配置文件
  • entry > build-profile.json5:应用级配置信息,包括签名、产品配置等。
  • entry > hvigorfile.ts:应用级编译构建任务脚本。

3.页面源码

打开entry > src > main > pages > Index.ets 文件,查看页面源码:

@Entry
@Component
struct Index {
  @State message: string = 'Hello World'

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
      }
      .width('100%')
    }
    .height('100%')
  }
}

4.启动模拟器

创建模拟器

点击DevEco Studio右上角的No Devices > Device Manager,或者点击菜单Tools > Device Manager

在Device Manager界面,选择Local Emulator(本地模拟器),点击 New Emulator

一路Next,等待模拟器文件(1G左右)下载完成后,模拟器既完成创建。

启动模拟器(重要)

注意创建完模拟器后,DevEco Studio右上角依然显示的是No Devices,需要我们先在Device Manager中手动启动模拟器

启动完成后:

运行程序

点击DevEco Studio右上角的Run按钮,运行程序

运行成功后:

恭喜完成了第一个HarmonyOS应用。