? ? ? ? 本篇文章的計(jì)劃，先體系的介紹一下鴻蒙開(kāi)發(fā)相關(guān)的體系內(nèi)容，希望通過(guò)本篇內(nèi)容構(gòu)建對(duì)鴻蒙開(kāi)發(fā)體系的了解，最后再來(lái)一個(gè)最簡(jiǎn)單入門(mén)例子。既是自我的學(xué)習(xí)，也希望對(duì)你了解鴻蒙開(kāi)發(fā)的全貌有幫助。

????????這樣安排而沒(méi)有直接寫(xiě)一個(gè)Helloworld例子的原因，很多朋友剛開(kāi)始學(xué)的時(shí)候直接上手helloworld例子，雖然感覺(jué)動(dòng)手入門(mén)了，但又感覺(jué)好像還是不太了解。因此在開(kāi)始之前先整體的了解一下鴻蒙開(kāi)發(fā)相關(guān)的體系內(nèi)容，做到能夠“窺全身、知全貌”而后再入門(mén)，這種方式我覺(jué)得對(duì)于構(gòu)建學(xué)習(xí)體系和深入學(xué)習(xí)會(huì)有極大的好處。

? ? ? ? 再啰嗦一句，對(duì)于很多學(xué)習(xí)編程的朋友建議一定要注重這種全貌、原理的研究，不然你只會(huì)在框架大樓里砌墻，而不會(huì)設(shè)計(jì)大樓的全貌，那這樣你就真的只是一個(gè)會(huì)碼代碼的農(nóng)民。

1、HarmonyOS開(kāi)發(fā)概述

?1.1HarmonyOS開(kāi)發(fā)概要

? ? ? ? 針對(duì)HarmonyOS開(kāi)發(fā)按不同的角度劃分，可以有不同的分發(fā)：

? ? ? ? 1、從宏觀(guān)大類(lèi)上分為三類(lèi)：1）通用開(kāi)發(fā)（可安裝應(yīng)用app，兼容安卓和鴻蒙）、2）原子化服務(wù)（鴻蒙自己特有的免安裝應(yīng)用服務(wù)）、3）智能設(shè)備開(kāi)發(fā)（智慧屏、穿戴設(shè)備，華為最新的手表已經(jīng)支持安裝應(yīng)用了，可以說(shuō)想象無(wú)限，未來(lái)可以當(dāng)做微型手機(jī)）。

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

? ? ? ? 3、從開(kāi)發(fā)內(nèi)容上分：

????????1）Ablility框架：包含Ability（各種能力）、公共事件與通知（訂閱、發(fā)布、通知等消息）、后臺(tái)任務(wù)調(diào)度和管控（前臺(tái)、后臺(tái)、掛起等）、線(xiàn)程管理（創(chuàng)建、等待、回收）、線(xiàn)程間通信（比如下載完任務(wù)完成，通知其他線(xiàn)程應(yīng)用）、剪切板。

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

? ? ? ? Ability本身又分為Page Ability（帶界面的相關(guān)能力）、Service Ability（服務(wù)能力，比如美顏功能）、Data Ability（數(shù)據(jù)能力，應(yīng)用間、設(shè)備間數(shù)據(jù)共享）；最后還包含一個(gè)Intent，它是對(duì)象之間傳遞信息的載體，當(dāng)一個(gè)Ability導(dǎo)航/切換到另一個(gè)（比如外賣(mài)餓了嗎里面聯(lián)系商家，餓了嗎的商家展示Ability，跳轉(zhuǎn)到電話(huà)Ability）通過(guò)Intent實(shí)現(xiàn)——通過(guò)Intent可以指定啟動(dòng)目標(biāo)（這里就是啟動(dòng)電話(huà)），并攜帶相關(guān)數(shù)據(jù)（這里就是商家的電話(huà)直接帶過(guò)去）。

? ? ? ? Ability可以說(shuō)只要開(kāi)發(fā)任何內(nèi)容就必須用到，不得不關(guān)心（像線(xiàn)程、任務(wù)調(diào)度雖然重要，但不見(jiàn)得必須得用吧）。

? ? ? ? 2）UI（界面開(kāi)發(fā)）：提供JavaUI（粒度更細(xì)、更靈活）、ArkUI（方舟開(kāi)發(fā)框架，支持兩種模式：基于JS擴(kuò)展的類(lèi)Web開(kāi)發(fā)范式，基于TS（華為自己定義的開(kāi)發(fā)語(yǔ)言模式，華為自己簡(jiǎn)稱(chēng)TS）擴(kuò)展的聲明式開(kāi)發(fā)范式；這里先簡(jiǎn)單的理解成方舟開(kāi)發(fā)框架提供兩種類(lèi)似于Java Web開(kāi)發(fā)，但是采用JS和TS的開(kāi)發(fā)方式；后續(xù)再詳細(xì)解釋?zhuān)⒍嗄］斎耄ㄊ髽?biāo)、鍵盤(pán)、觸摸、語(yǔ)音等）。

? ? ? ? 3）多媒體：視頻、相機(jī)、圖像、音頻、媒體會(huì)話(huà)等 相關(guān)數(shù)據(jù)的管理

? ? ? ? 4）安全：權(quán)限管理（權(quán)限定義、申請(qǐng)、控制）、生物特征識(shí)別（人臉、指紋等識(shí)別）

? ? ? ? 5）AI：文字、圖片、文檔、語(yǔ)音等識(shí)別、轉(zhuǎn)換，二維碼生成等；

? ? ? ? 6）網(wǎng)絡(luò)與連接：NFC（查詢(xún)是否支持、狀態(tài)、卡模擬、消息通知）、WLAN、網(wǎng)絡(luò)管理、電話(huà)服務(wù)等

????????7）數(shù)據(jù)管理：關(guān)系型數(shù)據(jù)庫(kù)、對(duì)象映射數(shù)據(jù)庫(kù)、分布式數(shù)據(jù)和文件服務(wù)（創(chuàng)建、打開(kāi)、關(guān)閉、增刪改、數(shù)據(jù)同步）、數(shù)據(jù)存儲(chǔ)、融合搜索

? ? ? ? 8）設(shè)備管理：穿戴設(shè)備、智慧屏、傳感器（環(huán)境、運(yùn)動(dòng)等）、位置、設(shè)備標(biāo)識(shí)等；

? ? ? ? 9）原子化服務(wù)：服務(wù)特點(diǎn)（免安裝、快捷直達(dá)、輕量、夸設(shè)備、獨(dú)立）、服務(wù)發(fā)現(xiàn)、展示、分享、流轉(zhuǎn)；

? ? ? ? 4、從專(zhuān)題的角度劃分：服務(wù)卡片（一種FA頁(yè)面，直接展示應(yīng)用核心內(nèi)容，并支持快速進(jìn)入應(yīng)用）、流轉(zhuǎn)（夸設(shè)備流轉(zhuǎn)、多端協(xié)同）、華為分享（分享、接收、傳輸）、平行視界（雙視窗支持等）

? ?1.2 HarmonyOS app組織結(jié)構(gòu)??

? ? ? ? HarmonyOS應(yīng)用分為兩大類(lèi)：安裝的App和免安裝原子化服務(wù)應(yīng)用。

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

?HAP又分為兩種類(lèi)型：entry和feature。

? ? ? ? entry：是應(yīng)用的主模塊，里面可以包含一個(gè)或者多個(gè)entry（它是一種HAP）類(lèi)型的HAP，來(lái)支持不同規(guī)格的設(shè)備（如屏幕規(guī)格、API版本等）。

? ? ? ? feature：應(yīng)用動(dòng)態(tài)特性模塊（它也是一種HAP，相比于entry表達(dá)的固定的屏幕尺寸，feature代表的是動(dòng)態(tài)調(diào)度特性），一個(gè)APP可以包含N（N>=0）個(gè)feature的HAP。

? ? ? ? 只有包含Ability的HAP才能獨(dú)立運(yùn)行。

????????此外還有一種HAR（HarmonyOS Ability Resources）可以構(gòu)建應(yīng)用所需的所有內(nèi)容，但是HAR不能獨(dú)立安裝，只能作為應(yīng)用模塊的依賴(lài)，而被引用。

? ?1.3其他內(nèi)容

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

? ? ? ? 2、測(cè)試：DevEco提供性能、安全、兼容、穩(wěn)定性、功耗、流轉(zhuǎn)等測(cè)試，并提供單元測(cè)試框架、分布式UI測(cè)試框架、綜合評(píng)分等。

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

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

? ? ? ? 4、OpenHarmony與HarmonyOS的關(guān)系

? ? ? ? 在這里講一下二者的區(qū)別。

????????OpenHarmony是鴻蒙操作系統(tǒng)的開(kāi)源版本，免費(fèi)開(kāi)源，而Harmony OS本身是閉源的；二者的關(guān)系：OpenHarmony相當(dāng)于安卓，Harmony OS相當(dāng)于小米的UI、華為的EMUI之間的關(guān)系；如果你對(duì)Linux比較了解，OpenHarmony相當(dāng)于Linux的內(nèi)核，HarmonyOS相當(dāng)于紅帽、Ubuntu等發(fā)行版。任何的廠(chǎng)家都可以用OpenHarmony，但是其他手機(jī)廠(chǎng)商應(yīng)該是無(wú)法直接使用Harmony OS的；至少因?yàn)榍罢唛_(kāi)源誰(shuí)都可以無(wú)條件使用，后者是華為的需要和華為簽訂某些協(xié)議才有可能使用。

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

? ? ? ? 因?yàn)槊赖奈锫?lián)網(wǎng)操作系統(tǒng)和HarmonyOS同源，所以數(shù)據(jù)協(xié)同、系統(tǒng)同步、互聯(lián)等天生的容易；這才是鴻蒙最厲害，最有未來(lái)的地方。

?? ? ? ?以上內(nèi)容是粗略對(duì)HarmonyOS開(kāi)發(fā)內(nèi)容比較重要部分的梳理，難免有理解不準(zhǔn)和錯(cuò)誤的地方；接下來(lái)就進(jìn)入helloworld例子。

2、開(kāi)發(fā)前準(zhǔn)備（環(huán)境配置）

2.1例子概述

? ? ? ? 1、HarmonyOS支持多種開(kāi)發(fā)模式和語(yǔ)言，具體包括eTS、Java、JS（支持傳統(tǒng)JS代碼和低代碼量代碼），官方提供了4個(gè)例子，這里就以JS為例，只有能跑起來(lái)入了門(mén)，看看都大同小異；

? ? ? ? 2、最好有Java、JS、移動(dòng)端其中之一的開(kāi)發(fā)基礎(chǔ)，如果沒(méi)有建議從JS開(kāi)始練習(xí)吧，應(yīng)該最容易上手。

? ? ? ? 3、官網(wǎng)的HelloWold例子是A頁(yè)面點(diǎn)擊跳轉(zhuǎn)到B頁(yè)面；同時(shí)可以參考官網(wǎng)的HelloWorld例子 :???HarmonyOS開(kāi)發(fā)官方入門(mén)HelloWorld例子

2.2環(huán)境準(zhǔn)備

2.2.1 注冊(cè)成為個(gè)人/團(tuán)隊(duì)開(kāi)發(fā)者

? ? ? 在開(kāi)發(fā)、創(chuàng)建、發(fā)布應(yīng)用前，需要去華為開(kāi)發(fā)者聯(lián)盟官網(wǎng)注冊(cè)成為開(kāi)發(fā)者，可以選擇個(gè)人開(kāi)發(fā)者和企業(yè)開(kāi)發(fā)者，權(quán)益有些差別；注冊(cè)以后都必須實(shí)名認(rèn)證，按著要求填即可，具體可以參考官方文檔：??華為開(kāi)發(fā)者注冊(cè)和實(shí)名認(rèn)證

2.2.2 Devco Studio 開(kāi)發(fā)工具下載及安裝

? ? ? ? 1、去官網(wǎng)下載開(kāi)發(fā)工具DevEco Studio 3，下載地址：? ? ? ? ? ? ?華為操作系統(tǒng)DevEco Studio和SDK下載與升級(jí)

? ? ? ? 2、得到一個(gè)exe文件，啟動(dòng)下一步、下一步自動(dòng)安裝

? ? ? ? 3、配置開(kāi)發(fā)環(huán)境?

? ? ? ? ?1）設(shè)置npm registry:第一次啟動(dòng)進(jìn)入配置向?qū)ы?yè)面，DevEco Studio已經(jīng)內(nèi)置對(duì)應(yīng)倉(cāng)地址，這里點(diǎn)擊下一步即可；

? ? ? ? ?2）DevEco Studio向?qū)е敢_(kāi)發(fā)者下載SDK，默認(rèn)下載OpenHarmony SDK。剩下根據(jù)引導(dǎo)下一步、同意等即可完成安裝。?

????????但是默認(rèn)的OpenHarmony SDK并不是我們需要的SDK，我們需要的是Harmony SDK。

????????在DevEco Studio的歡迎界面，點(diǎn)擊歡迎頁(yè)中的Configure（六邊形的圖標(biāo)） > Settings?> SDK Manager > HarmonyOS Legacy SDK，然后點(diǎn)擊Edit設(shè)置HarmonyOS SDK存儲(chǔ)路徑。

? ? ? ? ?注意：默認(rèn)路徑應(yīng)該和上一步的OpenHarmony一樣，必須要更改一下，不然OpenHarmony就會(huì)被刪除。另外SDK以及其他的一些內(nèi)容較大，不建議方C盤(pán)。

? ? ? ? ?根據(jù)自己勾選的API版本和語(yǔ)言安裝完成界面

? ? ? ? ?同樣如果需要更新SDK、其他版本等只需要這里勾選，點(diǎn)擊Apply即可實(shí)現(xiàn)。

?????????在DevEco Studio打開(kāi)工程的情況下，點(diǎn)擊Files > Settings > SDK Manager > HarmonyOS Legacy SDK進(jìn)入當(dāng)前界面。

? ? ? ? 3）配置HDC工具環(huán)境變量

????????HDC是為開(kāi)發(fā)者提供HarmonyOS應(yīng)用的調(diào)試工具，為方便使用HDC工具，請(qǐng)為HDC工具的端口號(hào)設(shè)置環(huán)境變量。

????????Windows環(huán)境變量設(shè)置方法：



????????在我的電腦 > 屬性 > 高級(jí)系統(tǒng)設(shè)置 > 高級(jí) > 環(huán)境變量中，添加HDC端口變量。變量名為：HDC_SERVER_PORT，變量值設(shè)置為7035。

? ? ? ? 至此全部準(zhǔn)備工作完畢，接下來(lái)終于開(kāi)始新建Helloworld項(xiàng)目啦。

2.3創(chuàng)建并運(yùn)行一個(gè)默認(rèn)的程序

? ? ? ? 1、創(chuàng)建一個(gè)空的工程Create Project，這里選擇JS、Phone，然后Finish。

? ? ? ? 此時(shí)得到一個(gè)點(diǎn)擊可以直接運(yùn)行的空工程?，可以打印你好的頁(yè)面，接下來(lái)先利用模擬器運(yùn)行一下看下效果再改造例子。

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

? ? ? ? 華為的模擬器分本地虛擬模擬器和遠(yuǎn)程真機(jī)運(yùn)行（特別良心）。

? ? ? ? 1）、添加本地虛擬機(jī)模擬器

? ? ? ? A、在DevEco Studio菜單欄，點(diǎn)擊進(jìn)入File > Settings?> DevEco Labs > Emulator頁(yè)簽，勾選“Enable Local Emulator”，點(diǎn)擊OK。

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

? ? ? ? C、創(chuàng)建本地模擬器

????????點(diǎn)擊菜單欄的Tools > Device Manager，在Local Emulator頁(yè)簽中，點(diǎn)擊右下角的New Emulator按鈕，創(chuàng)建一個(gè)本地模擬器。 還可以在Next中修改、配置創(chuàng)建虛擬機(jī)的相關(guān)信息如CPU、DPI等。

?D、啟動(dòng)本地虛擬機(jī)，會(huì)得到一個(gè)模擬的黑框手機(jī)（就不截圖了）；至此等著運(yùn)行程序了。

2）、調(diào)用遠(yuǎn)程真機(jī)

? ? ? ? 在虛擬機(jī)配置的邊上有個(gè)“Remote Emulator”,就是運(yùn)行真機(jī)。需要登錄注冊(cè)的華為開(kāi)發(fā)者賬號(hào)就可以使用了；為了節(jié)約資源，每次真機(jī)使用時(shí)間1小時(shí)；超過(guò)1小時(shí)斷開(kāi)以后就可以繼續(xù)使用了。

? ?3、運(yùn)行創(chuàng)建的默認(rèn)程序

? ? ? ? 啟動(dòng)本地或者/遠(yuǎn)程真機(jī)，選擇entry即可運(yùn)行程序；這里我實(shí)例截圖的是本地虛擬機(jī)；可以本地、遠(yuǎn)程都試試；遠(yuǎn)程更方便、更容易。

?2.4通過(guò)傳統(tǒng)JS代碼自定義一個(gè)HelloWorld程序

? ? ? ? 1、修改index頁(yè)面（創(chuàng)建項(xiàng)目時(shí)已經(jīng)有了，這樣是首頁(yè)）

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

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

? ? ?2、創(chuàng)建第二個(gè)跳轉(zhuǎn)頁(yè)面

? ?在Project窗口，打開(kāi)“entry > src > main?>?js?>?default”，右鍵點(diǎn)擊“pages”文件夾，選擇“New?>?JS Page”，命名為“detail”,會(huì)創(chuàng)建一個(gè)detail文件夾，并且下面有三個(gè)文件：detail.html、detail.js、detail.css，具體目錄結(jié)構(gòu)如下：

修改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、利用真機(jī)或者本地模擬運(yùn)行程序，示意效果

?????????寫(xiě)在最后，因?yàn)槭浅醮谓佑|鴻蒙，以上的內(nèi)容基本上是對(duì)HarmonyOS官方開(kāi)發(fā)文檔的整理，很多內(nèi)容直接參考甚至照抄了鴻蒙官方的文檔，剛開(kāi)始不得不如此，但是也加入了一些自己的思路和思考！整篇寫(xiě)下來(lái)，感覺(jué)把最最基礎(chǔ)的鴻蒙理順了，因?yàn)榭醇词故钦粘惨伎既绾谓M成一篇比較通順、完整、易懂的文章！思考、動(dòng)手才是真正的學(xué)習(xí)過(guò)程，供大家參考！