西部数码网站管理系统广州站西手表
文章的目的为了记录使用Arkts 进行Harmony app 开发学习的经历。本职为嵌入式软件开发，公司安排开发app，临时学习，完成app的开发。开发流程和要点有些记忆模糊，赶紧记录，防止忘记。
相关链接：
开源 Arkts 鸿蒙应用 开发（一）工程文件分析-CSDN博客
开源 Arkts 鸿蒙应用 开发（二）封装库.har制作和应用-CSDN博客
推荐链接：
开源 java android app 开发（一）开发环境的搭建-CSDN博客
开源 java android app 开发（二）工程文件结构-CSDN博客
开源 java android app 开发（三）GUI界面布局和常用组件-CSDN博客
开源 java android app 开发（四）GUI界面重要组件-CSDN博客
开源 java android app 开发（五）文件和数据库存储-CSDN博客
开源 java android app 开发（六）多媒体使用-CSDN博客
开源 java android app 开发（七）通讯之Tcp和Http-CSDN博客
开源 java android app 开发（八）通讯之Mqtt和Ble-CSDN博客
开源 java android app 开发（九）后台之线程和服务-CSDN博客
开源 java android app 开发（十）广播机制-CSDN博客
开源 java android app 开发（十一）调试、发布-CSDN博客
开源 java android app 开发（十二）封库.aar-CSDN博客
推荐链接：
开源C# .net mvc 开发（一）WEB搭建_c#部署web程序-CSDN博客
开源 C# .net mvc 开发（二）网站快速搭建_c#网站开发-CSDN博客
开源 C# .net mvc 开发（三）WEB内外网访问(VS发布、IIS配置网站、花生壳外网穿刺访问)_c# mvc 域名下不可訪問內網,內網下可以訪問域名-CSDN博客
开源 C# .net mvc 开发（四）工程结构、页面提交以及显示_c#工程结构-CSDN博客
开源 C# .net mvc 开发（五）常用代码快速开发_c# mvc开发-CSDN博客
本章节主要讲述鸿蒙开发环境的安装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 abilityhilog.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 resourceshilog.info(DOMAIN, 'testTag', '%{public}s', 'Ability onWindowStageDestroy');}onForeground(): void {// Ability has brought to foregroundhilog.info(DOMAIN, 'testTag', '%{public}s', 'Ability onForeground');}onBackground(): void {// Ability has back to backgroundhilog.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”
