开源 Arkts 鸿蒙应用 开发（一）工程文件分析

文章的目的为了记录使用Arkts 进行Harmony app 开发学习的经历。本职为嵌入式软件开发，公司安排开发app，临时学习，完成app的开发。开发流程和要点有些记忆模糊，赶紧记录，防止忘记。

 相关链接：

开源 Arkts 鸿蒙应用 开发（一）工程文件分析-优快云博客

开源 Arkts 鸿蒙应用 开发（二）封装库.har制作和应用-优快云博客

开源 Arkts 鸿蒙应用 开发（三）Arkts的介绍-优快云博客

开源 Arkts 鸿蒙应用 开发（四）布局和常用控件-优快云博客

开源 Arkts 鸿蒙应用 开发（五）控件组成和复杂控件-优快云博客

开源 Arkts 鸿蒙应用 开发（六）数据持久--文件和首选项存储-优快云博客

开源 Arkts 鸿蒙应用 开发（七）数据持久--sqlite关系数据库-优快云博客

 推荐链接：

开源 java android app 开发（一）开发环境的搭建-优快云博客

开源 java android app 开发（二）工程文件结构-优快云博客

开源 java android app 开发（三）GUI界面布局和常用组件-优快云博客

开源 java android app 开发（四）GUI界面重要组件-优快云博客

开源 java android app 开发（五）文件和数据库存储-优快云博客

开源 java android app 开发（六）多媒体使用-优快云博客

开源 java android app 开发（七）通讯之Tcp和Http-优快云博客

开源 java android app 开发（八）通讯之Mqtt和Ble-优快云博客

开源 java android app 开发（九）后台之线程和服务-优快云博客

开源 java android app 开发（十）广播机制-优快云博客

开源 java android app 开发（十一）调试、发布-优快云博客

开源 java android app 开发（十二）封库.aar-优快云博客

推荐链接：

开源C# .net mvc 开发（一）WEB搭建_c#部署web程序-优快云博客

开源 C# .net mvc 开发（二）网站快速搭建_c#网站开发-优快云博客

开源 C# .net mvc 开发（三）WEB内外网访问(VS发布、IIS配置网站、花生壳外网穿刺访问)_c# mvc 域名下不可訪問內網,內網下可以訪問域名-优快云博客

开源 C# .net mvc 开发（四）工程结构、页面提交以及显示_c#工程结构-优快云博客

开源 C# .net mvc 开发（五）常用代码快速开发_c# mvc开发-优快云博客

本章节主要讲述鸿蒙开发环境的安装DevEco，各工程文件的作用，最后就是第一个鸿蒙App的例子。

内容如下：

1.  DevEco安装

2.  工程文件分析

3.  第一个App

一、DevEco

鸿蒙开发从2019年起，经历了一些变化，从最开始的兼容安卓开发，到最近HarmonyOs Next 纯血鸿蒙，不再支持安卓，变化还是比较大。我这里是使用的最新版鸿蒙编译器DevEco 5.05。

这里是下载地址开发-HarmonyOS NEXT鸿蒙应用开发平台-华为开发者联盟

安装过程中需要华为开发者账号，用手机和验证码就可以登录，也不想安卓开发，这个配置哪个配置一堆，直接可以创建运行。

1.1  创建项目

1.2  版本和设备选择，SDK需要参考手机系统版本进行选择否则会出错。设备版本可选可不选，鸿蒙是1次开发，多个设备可以运行，所以有此选择。

1.3  app创建完成

二、工程文件分析

2.1  源码都在entry文件夹下面，其中entryablity就是活动文件，类似安卓开发的 maniactivity，里面有页面启动和关闭等回调函数。Index.ets为界面文件。

2.2  各配置文件

app.json5 设置包的名称，和图标等

资源文件夹resouces,element里面为字符串，颜色资源。media里面为图片和视频资源。

build-profile.json5,api的模式选择,这里选择常用的stageMode。基于 Ability + UIAbility + ExtensionAbility 架构。

oh-package.json5项目依赖文件，使用har包等，需在这里申明。

三、第一个APP

 EntryAbility代码

import { AbilityConstant, ConfigurationConstant, UIAbility, Want } from '@kit.AbilityKit';
import { hilog } from '@kit.PerformanceAnalysisKit';
import { window } from '@kit.ArkUI';

const DOMAIN = 0x0000;

export default class EntryAbility extends UIAbility {
  onCreate(want: Want, launchParam: AbilityConstant.LaunchParam): void {
    this.context.getApplicationContext().setColorMode(ConfigurationConstant.ColorMode.COLOR_MODE_NOT_SET);
    hilog.info(DOMAIN, 'testTag', '%{public}s', 'Ability onCreate');
  }

  onDestroy(): void {
    hilog.info(DOMAIN, 'testTag', '%{public}s', 'Ability onDestroy');
  }

  onWindowStageCreate(windowStage: window.WindowStage): void {
    // Main window is created, set main page for this ability
    hilog.info(DOMAIN, 'testTag', '%{public}s', 'Ability onWindowStageCreate');

    windowStage.loadContent('pages/Index', (err) => {
      if (err.code) {
        hilog.error(DOMAIN, 'testTag', 'Failed to load the content. Cause: %{public}s', JSON.stringify(err));
        return;
      }
      hilog.info(DOMAIN, 'testTag', 'Succeeded in loading the content.');
    });
  }

  onWindowStageDestroy(): void {
    // Main window is destroyed, release UI related resources
    hilog.info(DOMAIN, 'testTag', '%{public}s', 'Ability onWindowStageDestroy');
  }

  onForeground(): void {
    // Ability has brought to foreground
    hilog.info(DOMAIN, 'testTag', '%{public}s', 'Ability onForeground');
  }

  onBackground(): void {
    // Ability has back to background
    hilog.info(DOMAIN, 'testTag', '%{public}s', 'Ability onBackground');
  }
}

Index.ets代码

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

  build() {
    RelativeContainer() {
      Text(this.message)
        .id('HelloWorld')
        .fontSize($r('app.float.page_text_font_size'))
        .fontWeight(FontWeight.Bold)
        .alignRules({
          center: { anchor: '__container__', align: VerticalAlign.Center },
          middle: { anchor: '__container__', align: HorizontalAlign.Center }
        })
        .onClick(() => {
          this.message = 'Welcome';
        })
    }
    .height('100%')
    .width('100%')
  }
}

最终显示，点击标红预览器可以看到显示效果，点击“Hello World” 会显示 “Welcome”