? ? ? ? 本篇文章的計劃，先體系的介紹一下鴻蒙開發相關的體系內容，希望通過本篇內容構建對鴻蒙開發體系的了解，最后再來一個最簡單入門例子。既是自我的學習，也希望對你了解鴻蒙開發的全貌有幫助。

????????這樣安排而沒有直接寫一個Helloworld例子的原因，很多朋友剛開始學的時候直接上手helloworld例子，雖然感覺動手入門了，但又感覺好像還是不太了解。因此在開始之前先整體的了解一下鴻蒙開發相關的體系內容，做到能夠“窺全身、知全貌”而后再入門，這種方式我覺得對于構建學習體系和深入學習會有極大的好處。

? ? ? ? 再啰嗦一句，對于很多學習編程的朋友建議一定要注重這種全貌、原理的研究，不然你只會在框架大樓里砌墻，而不會設計大樓的全貌，那這樣你就真的只是一個會碼代碼的農民。

1、HarmonyOS開發概述

?1.1HarmonyOS開發概要

? ? ? ? 針對HarmonyOS開發按不同的角度劃分，可以有不同的分發：

? ? ? ? 1、從宏觀大類上分為三類：1）通用開發（可安裝應用app，兼容安卓和鴻蒙）、2）原子化服務（鴻蒙自己特有的免安裝應用服務）、3）智能設備開發（智慧屏、穿戴設備，華為最新的手表已經支持安裝應用了，可以說想象無限，未來可以當做微型手機）。

? ? ? ? 2、如果從開發語言上分：Java、JavaScript（支持傳統js和帶界面的低代碼量開發）、eTS（華為自定義的一種聲明式語言，代碼簡練更符合開發習慣，華為自己宣傳更貼近自然語義，更高效、簡潔，跨平臺，粗看代碼非常簡練、易懂）；

? ? ? ? 3、從開發內容上分：

????????1）Ablility框架：包含Ability（各種能力）、公共事件與通知（訂閱、發布、通知等消息）、后臺任務調度和管控（前臺、后臺、掛起等）、線程管理（創建、等待、回收）、線程間通信（比如下載完任務完成，通知其他線程應用）、剪切板。

? ? ? ? 而這其中最核心、最重要的，并會一直伴隨鴻蒙開發的要屬于：Ability。從字面看鴻蒙把各種設備的任何功能都抽象為一種能力Ability（能力，視頻能力、美顏能力、夜視能力，和上文的FA、PA相對應）。

? ? ? ? Ability本身又分為Page Ability（帶界面的相關能力）、Service Ability（服務能力，比如美顏功能）、Data Ability（數據能力，應用間、設備間數據共享）；最后還包含一個Intent，它是對象之間傳遞信息的載體，當一個Ability導航/切換到另一個（比如外賣餓了嗎里面聯系商家，餓了嗎的商家展示Ability，跳轉到電話Ability）通過Intent實現——通過Intent可以指定啟動目標（這里就是啟動電話），并攜帶相關數據（這里就是商家的電話直接帶過去）。

? ? ? ? Ability可以說只要開發任何內容就必須用到，不得不關心（像線程、任務調度雖然重要，但不見得必須得用吧）。

? ? ? ? 2）UI（界面開發）：提供JavaUI（粒度更細、更靈活）、ArkUI（方舟開發框架，支持兩種模式：基于JS擴展的類Web開發范式，基于TS（華為自己定義的開發語言模式，華為自己簡稱TS）擴展的聲明式開發范式；這里先簡單的理解成方舟開發框架提供兩種類似于Java Web開發，但是采用JS和TS的開發方式；后續再詳細解釋）、多模輸入（鼠標、鍵盤、觸摸、語音等）。

? ? ? ? 3）多媒體：視頻、相機、圖像、音頻、媒體會話等 相關數據的管理

? ? ? ? 4）安全：權限管理（權限定義、申請、控制）、生物特征識別（人臉、指紋等識別）

? ? ? ? 5）AI：文字、圖片、文檔、語音等識別、轉換，二維碼生成等；

? ? ? ? 6）網絡與連接：NFC（查詢是否支持、狀態、卡模擬、消息通知）、WLAN、網絡管理、電話服務等

????????7）數據管理：關系型數據庫、對象映射數據庫、分布式數據和文件服務（創建、打開、關閉、增刪改、數據同步）、數據存儲、融合搜索

? ? ? ? 8）設備管理：穿戴設備、智慧屏、傳感器（環境、運動等）、位置、設備標識等；

? ? ? ? 9）原子化服務：服務特點（免安裝、快捷直達、輕量、夸設備、獨立）、服務發現、展示、分享、流轉；

? ? ? ? 4、從專題的角度劃分：服務卡片（一種FA頁面，直接展示應用核心內容，并支持快速進入應用）、流轉（夸設備流轉、多端協同）、華為分享（分享、接收、傳輸）、平行視界（雙視窗支持等）

? ?1.2 HarmonyOS app組織結構??

? ? ? ? HarmonyOS應用分為兩大類：安裝的App和免安裝原子化服務應用。

? ? ? ? 用戶應用程序以App Pack形式發布，它包含一個或者多個HAP（Harmony Ability Package）以及描述每個HAP屬性的pack.info組成。HAP是上文提到的Ability的部署包，鴻蒙的應用是圍繞一個個Ability（能力/功能）組件展開的。一個HAP由代碼、資源、第三方庫及配置組件組成。

?HAP又分為兩種類型：entry和feature。

? ? ? ? entry：是應用的主模塊，里面可以包含一個或者多個entry（它是一種HAP）類型的HAP，來支持不同規格的設備（如屏幕規格、API版本等）。

? ? ? ? feature：應用動態特性模塊（它也是一種HAP，相比于entry表達的固定的屏幕尺寸，feature代表的是動態調度特性），一個APP可以包含N（N>=0）個feature的HAP。

? ? ? ? 只有包含Ability的HAP才能獨立運行。

????????此外還有一種HAR（HarmonyOS Ability Resources）可以構建應用所需的所有內容，但是HAR不能獨立安裝，只能作為應用模塊的依賴，而被引用。

? ?1.3其他內容

? ? ? ? 1、開發工具：華為提供IntelliJ IDEA Community開源版本打造的HUAWEI DevEco Studio，與HarmonyOS的各種開發、調試做了深度融合，提供很多方便、好用的功能；另外提供DevEco Service提供安全測試、云測試、遠程真機測試；真的試考慮很周全，免去項目開發完畢再掃描漏洞、再做壓力并發測試，最良心的還提供遠程真機測試。。。

? ? ? ? 2、測試：DevEco提供性能、安全、兼容、穩定性、功耗、流轉等測試，并提供單元測試框架、分布式UI測試框架、綜合評分等。

? ? ? ? 3、穿戴設備：1）智能穿戴設備指搭載HarmonyOS的手表，目前只有HUAWEI Watch 3，可以去手表商城看下，就大概知道支持哪些功能和應用場景（支持多種場景互動、應用安裝）；?2）輕量智能穿戴設備，目前支持HUAWEI WATCH GT 2 Pro（消息通知、與手機內容互動，自身非鴻蒙因此應用很弱）。

?????????穿戴設備多帶帶列出來，二者（智能、輕量智能到底有啥區別區別困惑了我好久）的核心區別，一個是HarmonyOS，一個非鴻蒙，在最新的WATCH 3中已經支持高德地圖、喜馬拉雅、新浪新聞、騰訊體育、航旅縱橫等；在手表上可以安裝應用真的讓人很心動，未來鴻蒙才是趨勢。下圖是華為Watch 3鴻蒙手表中各種app，看得直流口水，真香...

? ? ? ? 4、OpenHarmony與HarmonyOS的關系

? ? ? ? 在這里講一下二者的區別。

????????OpenHarmony是鴻蒙操作系統的開源版本，免費開源，而Harmony OS本身是閉源的；二者的關系：OpenHarmony相當于安卓，Harmony OS相當于小米的UI、華為的EMUI之間的關系；如果你對Linux比較了解，OpenHarmony相當于Linux的內核，HarmonyOS相當于紅帽、Ubuntu等發行版。任何的廠家都可以用OpenHarmony，但是其他手機廠商應該是無法直接使用Harmony OS的；至少因為前者開源誰都可以無條件使用，后者是華為的需要和華為簽訂某些協議才有可能使用。

? ? ? ? OpenHarmony是基礎，我們前面講到的底層大部分特性是OpenHarmony的特性，Harmony OS在OpenHarmony的基礎上開發而來；OpenHarmony基本上沒法直接使用（即使提供的界面也是最簡陋、最基礎的東西），只有在其基礎上開發定制才能得到可以使用的HarmonyOS。OpenHarmony雖然支持萬物互聯（各種類型的設備，冰箱、熱水器、洗衣機、豆漿機等），但是華為沒有那么多的精力（以冰箱為例，華為對使用冰箱場景既不專業，也可避免與冰箱廠商競爭）。華為在OpenHarmony基礎上開發的HarmonyOS只涵蓋自己的擅長的核心領域：手機、電視、穿戴設備等，而其他領域的萬物協同、智慧應用就由各自廠家來開發；比如美的基于OpenHarmony打造的美的物聯網操作系統。這樣就分工明確、彼此互補——共同構建一個真正萬物互聯的生態。感興趣的同學可以思考一下美的沒什么要做？可以簡單的說讓美的的設備使用更簡單卻更聰明。

? ? ? ? 因為美的物聯網操作系統和HarmonyOS同源，所以數據協同、系統同步、互聯等天生的容易；這才是鴻蒙最厲害，最有未來的地方。

?? ? ? ?以上內容是粗略對HarmonyOS開發內容比較重要部分的梳理，難免有理解不準和錯誤的地方；接下來就進入helloworld例子。

2、開發前準備（環境配置）

2.1例子概述

? ? ? ? 1、HarmonyOS支持多種開發模式和語言，具體包括eTS、Java、JS（支持傳統JS代碼和低代碼量代碼），官方提供了4個例子，這里就以JS為例，只有能跑起來入了門，看看都大同小異；

? ? ? ? 2、最好有Java、JS、移動端其中之一的開發基礎，如果沒有建議從JS開始練習吧，應該最容易上手。

? ? ? ? 3、官網的HelloWold例子是A頁面點擊跳轉到B頁面；同時可以參考官網的HelloWorld例子 :???HarmonyOS開發官方入門HelloWorld例子

2.2環境準備

2.2.1 注冊成為個人/團隊開發者

? ? ? 在開發、創建、發布應用前，需要去華為開發者聯盟官網注冊成為開發者，可以選擇個人開發者和企業開發者，權益有些差別；注冊以后都必須實名認證，按著要求填即可，具體可以參考官方文檔：??華為開發者注冊和實名認證

2.2.2 Devco Studio 開發工具下載及安裝

? ? ? ? 1、去官網下載開發工具DevEco Studio 3，下載地址：? ? ? ? ? ? ?華為操作系統DevEco Studio和SDK下載與升級

? ? ? ? 2、得到一個exe文件，啟動下一步、下一步自動安裝

? ? ? ? 3、配置開發環境?

? ? ? ? ?1）設置npm registry:第一次啟動進入配置向導頁面，DevEco Studio已經內置對應倉地址，這里點擊下一步即可；

? ? ? ? ?2）DevEco Studio向導指引開發者下載SDK，默認下載OpenHarmony SDK。剩下根據引導下一步、同意等即可完成安裝。?

????????但是默認的OpenHarmony SDK并不是我們需要的SDK，我們需要的是Harmony SDK。

????????在DevEco Studio的歡迎界面，點擊歡迎頁中的Configure（六邊形的圖標） > Settings?> SDK Manager > HarmonyOS Legacy SDK，然后點擊Edit設置HarmonyOS SDK存儲路徑。

? ? ? ? ?注意：默認路徑應該和上一步的OpenHarmony一樣，必須要更改一下，不然OpenHarmony就會被刪除。另外SDK以及其他的一些內容較大，不建議方C盤。

? ? ? ? ?根據自己勾選的API版本和語言安裝完成界面

? ? ? ? ?同樣如果需要更新SDK、其他版本等只需要這里勾選，點擊Apply即可實現。

?????????在DevEco Studio打開工程的情況下，點擊Files > Settings > SDK Manager > HarmonyOS Legacy SDK進入當前界面。

? ? ? ? 3）配置HDC工具環境變量

????????HDC是為開發者提供HarmonyOS應用的調試工具，為方便使用HDC工具，請為HDC工具的端口號設置環境變量。

????????Windows環境變量設置方法：



????????在我的電腦 > 屬性 > 高級系統設置 > 高級 > 環境變量中，添加HDC端口變量。變量名為：HDC_SERVER_PORT，變量值設置為7035。

? ? ? ? 至此全部準備工作完畢，接下來終于開始新建Helloworld項目啦。

2.3創建并運行一個默認的程序

? ? ? ? 1、創建一個空的工程Create Project，這里選擇JS、Phone，然后Finish。

? ? ? ? 此時得到一個點擊可以直接運行的空工程?，可以打印你好的頁面，接下來先利用模擬器運行一下看下效果再改造例子。

? ? ? ? ?2、添加虛擬模擬器

? ? ? ? 華為的模擬器分本地虛擬模擬器和遠程真機運行（特別良心）。

? ? ? ? 1）、添加本地虛擬機模擬器

? ? ? ? A、在DevEco Studio菜單欄，點擊進入File > Settings?> DevEco Labs > Emulator頁簽，勾選“Enable Local Emulator”，點擊OK。

? ? ? ? ?B、點擊Files > Settings > SDK Manager > HarmonyOS Legacy SDK頁簽，勾選并下載Platforms下的System-image和Tools下的EmulatorX86資源。

? ? ? ? C、創建本地模擬器

????????點擊菜單欄的Tools > Device Manager，在Local Emulator頁簽中，點擊右下角的New Emulator按鈕，創建一個本地模擬器。 還可以在Next中修改、配置創建虛擬機的相關信息如CPU、DPI等。

?D、啟動本地虛擬機，會得到一個模擬的黑框手機（就不截圖了）；至此等著運行程序了。

2）、調用遠程真機

? ? ? ? 在虛擬機配置的邊上有個“Remote Emulator”,就是運行真機。需要登錄注冊的華為開發者賬號就可以使用了；為了節約資源，每次真機使用時間1小時；超過1小時斷開以后就可以繼續使用了。

? ?3、運行創建的默認程序

? ? ? ? 啟動本地或者/遠程真機，選擇entry即可運行程序；這里我實例截圖的是本地虛擬機；可以本地、遠程都試試；遠程更方便、更容易。

?2.4通過傳統JS代碼自定義一個HelloWorld程序

? ? ? ? 1、修改index頁面（創建項目時已經有了，這樣是首頁）

????????在Project窗口，選擇“entry > src > main?>?js?>?default?>?pages > index”，修改代碼：

                Hello World            
/* index.css 內容*/.container {    flex-direction: column; /* 設置容器內的項目縱向排列 */    justify-content: center; /* 設置項目位于容器主軸的中心 */    align-items: center; /* 項目在交叉軸居中 */    width:100%;    height:100%;}/* 對class="text"的組件設置樣式 */.text{    font-size: 42px;}/* 對class="button"的組件設置樣式 */.button {    width: 240px;    height: 60px;    background-color: #007dff;    font-size: 30px;    text-color: white;    margin-top: 20px;}// index.js內容import router from "@system.router";export default {  launch() {    router.push ({      uri:"pages/details/details", // 指定要跳轉的頁面    })  }}

? ? ?2、創建第二個跳轉頁面

? ?在Project窗口，打開“entry > src > main?>?js?>?default”，右鍵點擊“pages”文件夾，選擇“New?>?JS Page”，命名為“detail”,會創建一個detail文件夾，并且下面有三個文件：detail.html、detail.js、detail.css，具體目錄結構如下：

修改detail中代碼
      Hi there  
/* detail.css */.container {    flex-direction: column;    justify-content: center;    align-items: center;    width:100%;    height:100%;}.text {    font-size: 42px;    text-align: center;}

?3、利用真機或者本地模擬運行程序，示意效果

?????????寫在最后，因為是初次接觸鴻蒙，以上的內容基本上是對HarmonyOS官方開發文檔的整理，很多內容直接參考甚至照抄了鴻蒙官方的文檔，剛開始不得不如此，但是也加入了一些自己的思路和思考！整篇寫下來，感覺把最最基礎的鴻蒙理順了，因為看即使是照抄，也要思考如何組成一篇比較通順、完整、易懂的文章！思考、動手才是真正的學習過程，供大家參考！