文章的目的為了記錄使用Arkts?進行Harmony?app?開發學習的經歷。本職為嵌入式軟件開發，公司安排開發app，臨時學習，完成app的開發。開發流程和要點有些記憶模糊，趕緊記錄，防止忘記。

相關鏈接：

開源 Arkts 鴻蒙應用 開發（一）工程文件分析-CSDN博客

開源 Arkts 鴻蒙應用 開發（二）封裝庫.har制作和應用-CSDN博客

開源 Arkts 鴻蒙應用 開發（三）Arkts的介紹-CSDN博客

開源 Arkts 鴻蒙應用 開發（四）布局和常用控件-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”