搶先學鴻蒙(HarmonyOS)2.0,你就是下一個大咖!

蒙娜麗寧發表於2020-09-16

目錄

1. 你不知道的鴻蒙(HarmonyOS)

2. 搭建HarmonyOS開發環境

3. 開發第一個基於Java的TV App

4. 如何執行HarmonyOS App

5. 開發第一個基於JS的智慧手錶App

6. 李寧老師未來關於鴻蒙的課程

 

1. 你不知道的鴻蒙(HarmonyOS)

2020年9月10日,華為開發者大會發布了鴻蒙(HarmonyOS)2.0。我在2020-9-11日也釋出了全球首套鴻蒙2.0 App開發視訊課程《鴻蒙(HarmonyOS)2.0入門與實戰》【提前一個月做完了,由於保密協議的原因,只能在釋出會後釋出視訊課程】。HarmonyOS是全場景作業系統。也就是說,從理論上,HarmonyOS可以在任何平臺上執行(包括但不限於PC、手機、平板電腦、車載電腦、手錶、iot裝置等)。那麼這是怎麼做到的呢?

大家知道,不管是什麼樣的裝置,通常由下面3個因素決定到底能執行什麼的系統:

(1)CPU架構(x86、ARM、RISC-V等)

(2)CPU的處理能力

(3)記憶體

目前大多數硬體裝置,CPU架構大多是x86和ARM的。這一點與OS核心有關。目前HarmonyOS支援ARM架構。RISC-V和x86架構在未來也會支援。這些東西其實就是一個純技術問題,支援也只是時間問題,解決並不費勁。

CPU處理能力和記憶體才是決定一個OS是否可執行的關鍵。如果OS執行時需要太多的資源(CPU處理能力、記憶體等),而且當硬體無法提供這麼多資源時,OS將無法在該硬體上執行。對於很多OS,都是單核心的。也就是說,很難將核心進行分解,形成需要更少資源的核心。所以通常來說,像Linux這種單核心OS,需要的硬體配置都相對較高。例如,就算不安裝GUI,Linux要想跑起來,並且比較順暢,也需要幾十MB記憶體,而很多低端裝置(如iot裝置)根本沒有這麼大的記憶體,甚至連幾MB記憶體都沒有,頂多也就幾百KB,這麼少的記憶體,根本無法跑Linux。

HarmonyOS採用了另外一種核心機制來設計,這就是微核心。微核心的每一部分都是可拆卸的。這樣進可攻,退可守。如果硬體配置很高,就可以用完整的核心。如果硬體配置只有幾百K,可以根據需要的功能,將消耗記憶體資源過多的模組從核心中去除(只需要進行配置即可),這樣儘管犧牲掉一些功能,但仍然可以在低配的硬體中跑起來,而且拆分核心非常容易,所以HarmonyOS從理論上支出從KB級到GB級的裝置。

2. 搭建HarmonyOS開發環境

要完HarmonyOS,首先要單擊HarmonyOS的開發環境。現在通過下面的連結訪問HarmonyOS的官方下載頁面:

https://developer.harmonyos.com/cn/develop

會看到如下圖所示的“立即下載”按鈕

 

點進去,就是下載頁面。在下載之前,看一下系統要求,要求Windows10 64位、8G記憶體。對於程式設計師來說,這個配置應該沒問題。下面點選右側“下載”按鈕開始下載吧。但要注意,下載DevEco Studio,需要有華為開發者賬號,沒有的同學趕緊註冊一個吧!

 

目前DevEco Studio 2.0僅支援Windows,所以如果用macOS或Linux的同學還需要等等了。下載完安裝程式,裡面就有一個exe檔案,雙擊安裝即可。這裡省略了n步,在啟動DevEco Studio的過程中,會下載一些元件,下載介面如下圖所示。主要是java執行時和一些工具鏈,就乖乖等著下完吧!

 

等安裝完後,啟動DevEco Studio就可以了。操作方式與Android Studio類似,其實就是模仿Android Studio做的。這裡不再詳述。建立工程的視窗如下圖所示。

現在點選Create HarmonyOS Project,會彈出如下圖的視窗。

 

在這個視窗中,目前有3個裝置可以選擇,這3個裝置的描述如下:

(1)TV:智慧屏,也就是安裝了HarmonyOS 2.0的華為智慧電視;

(2)Wearable:智慧手錶;

(3)Lite Wearable:運動手錶;

TV不需要解釋,其實以後的HarmonyOS手機執行的系統與TV是類似的。就像Android執行在電視和手機上,效果其實是類似的。那麼智慧手錶與運動手錶有什麼不同呢?其實智慧手錶中執行的HarmonyOS屬於富鴻蒙(L3以上的鴻蒙)。支援用Java和JS開發,Java的開發方式與Android類似,JS的開發方式與微信小程式類似。而運動手錶中執行的是輕鴻蒙【LiteOS】(L0到L2),只支援JS開發方式,與微信小程式的開發方法類似,只是支援的元件和API沒有智慧手錶多。

TV和Wearable可以根據下面的模板建立支援JS開發和Java開發的工程。

3. 開發第一個基於Java的TV App

本文主要介紹如何用Java和JS開發TV和智慧手錶的App,本節首先介紹如何用Java開發TV App。首先在建立鴻蒙工程的視窗選擇TV裝置和Empty Feature Ability(Java)模板,如下圖所示。

然後點選Next按鈕,進入下一個頁面。輸入工程名(Project Name),然後工程位置(Save location)會自動變化,如下圖所示。Package Name與Android的包類似,會作為鴻蒙App的唯一標識。Compatible SDK不需要懂,因為目前只有一個API版本。

 

最後點選Finish按鈕建立工程。基於Java的HarmonyOS工程的目錄結構如下圖所示:

這個目錄結構總體來上與Android Studio的Android工程類似,同樣使用gradle來管理包。這裡面有很多目錄,但對我們最有用的是entry。該目錄中包含了我們編寫的Java程式碼。目錄會生成一個Slice和一個Ability,還有一個入口檔案MyFirstJavaTV。那麼到底什麼是Slice、什麼是Ability,我後續會寫文章詳細描述。現在只要知道Ability相當於Android中的Activity,Slice相當於Android的Fragment即可。我們都知道,Activity需要佈局才能顯示具體的元件,而Ability顯示元件則需要Slice。

4. 如何執行HarmonyOS App

由於目前還沒有支援富鴻蒙2.0的硬體,所以只能用鴻蒙模擬器執行程式。不過目前鴻蒙模擬器只支援ARM處理器的裝置。所以華為在服務端架設了一些ARM伺服器,用來執行鴻蒙App。然後將執行後的UI傳給客戶端。其實目前IDE中的模擬器其實是一個鴻蒙預覽器。下面就說一下如何利用鴻蒙預覽器執行鴻蒙App。

首先要啟動鴻蒙預覽器。也可以稱為鴻蒙虛擬裝置(HVD)。點選Tools -> HVD Manager選單項,會顯示如下圖所示的HVD Manager視窗。不過在開啟HVD Manager視窗之前,還會彈出一個如下圖的頁面,要求登入華為開發者網站。通常第一次登入成功後,後續就不需要再登入了。如果有華為手機,也可以通過掃碼登入。

 

登入成功後,會彈出下面的視窗,要求授權,點選“允許”按鈕即可。

 

成功授權後,就會在HVD Manager視窗中顯示虛擬裝置,如下圖所示。

 

目前有兩個裝置:TV和Wearable。其中TV是華為智慧屏、Wearable是智慧手錶。先啟動TV(雙擊即可)。

啟動虛擬裝置後,在IDE右側會顯示如下圖的虛擬裝置介面,右側的按鈕用來控制虛擬裝置。

 

現在就可以在虛擬裝置上執行鴻蒙App了。

點選右上角entry右側的箭頭按鈕,如下圖所示。

會彈出如下圖的裝置選擇視窗,目前只有一個虛擬裝置,選擇該裝置,點選OK按鈕。

 

選擇虛擬裝置後,App就會在虛擬裝置中執行,效果如下圖所示:

 

要注意的是,虛擬裝置只有1小時的使用時間,如果超過1小時,需要再次申請,然後就會重新計時,而且一個賬號同時只能申請一個虛擬裝置。

這是我們執行的第一個鴻蒙App:Hello World。如果要修改Hello World,需要開啟MainAbilitySlice.java檔案,然後將Hello World改成“世界你好”即可,該檔案的完整程式碼如下:

package com.example.myfirstjavatv.slice;
import ohos.aafwk.ability.AbilitySlice;
import ohos.aafwk.content.Intent;
import ohos.agp.components.DirectionalLayout;
import ohos.agp.components.DirectionalLayout.LayoutConfig;
import ohos.agp.components.Text;
import ohos.agp.colors.RgbColor;
import ohos.agp.components.element.ShapeElement;
import ohos.agp.utils.Color;
import ohos.agp.utils.TextAlignment;

public class MainAbilitySlice extends AbilitySlice {

    private DirectionalLayout myLayout = new DirectionalLayout(this);

    @Override
    public void onStart(Intent intent) {
        super.onStart(intent);
        LayoutConfig config = new LayoutConfig(LayoutConfig.MATCH_PARENT, LayoutConfig.MATCH_PARENT);
        myLayout.setLayoutConfig(config);
        ShapeElement element = new ShapeElement();
        element.setRgbColor(new RgbColor(255, 255, 255));
        myLayout.setBackground(element);

        Text text = new Text(this);
        text.setLayoutConfig(config);
        text.setText("世界你好");
        text.setTextColor(new Color(0xFF000000));
        text.setTextSize(50);
        text.setTextAlignment(TextAlignment.CENTER);
        myLayout.addComponent(text);
        super.setUIContent(myLayout);
    }

    @Override
    public void onActive() {
        super.onActive();
    }

    @Override
    public void onForeground(Intent intent) {
        super.onForeground(intent);
    }
}

執行效果如下圖所示:

 

5. 開發第一個基於JS的智慧手錶App

在上一節介紹瞭如何用Java開發鴻蒙TV App,本節會介紹如何用JS開發智慧手錶App,首先按下圖建立智慧手錶的工程(工程名是MyFirstWatch)。

 

watch工程目錄的結構與TV工程的結構類似,只是原始碼除了java部分,還有js部分,而且多了個node_modules目錄,用過Node的同學都應該很清楚,這個目錄是儲存Node中模組的。js目錄包含了所有相關的JS、HTML和CSS程式碼。watch工程目錄結構如下圖所示。

現在著重看一下js目錄,結構如下:

 

在js/default目錄下,有3個子目錄:common、i18n和pages。其中common是一些資源,如影像等。i18n用於國際化,預設有兩個檔案:en-US.json和zh-CN.json,分別表示英文和中文字串。pages目錄包含了一些程式碼檔案。index是預設生成的首頁目錄。其中包含3個檔案:index.css、index.hml和index.js。其中index.hml是定製的HTML檔案(減少了部分標籤,也增加了一些標籤,但總體風格與HTML非常接近)。現在分別看一下這3個檔案的程式碼:

 

從這3個檔案的程式碼可以看出,與微信小程式的開發方式非常接近。而且大多數技術都是Web棧的,因此,只要會Web、微信小程式的程式設計師,很容易上手。

現在按前面的方式申請智慧手錶虛擬裝置,效果如下圖所示。

 

現在執行程式,會得到下面的結果:

 

如果要修改輸出文字,可以直接修改國際化檔案zh-CN.json,也可以直接修改index.js或index.hml檔案。

 

6. 李寧老師未來關於鴻蒙的課程

 

大家都知道,我在2020-9-11號在B站釋出了全球第一套鴻蒙開發課程:《鴻蒙(HarmonyOS)2.0入門與實戰》

 

這套課程只是介紹了鴻蒙App開發的基本方式,以及基礎元件的使用方法。鴻蒙的技術遠不止這麼多,在未來的一段時間,我將不定期推出關於鴻蒙各個方面的技術視訊、書和文章。主要課程包括:

(1)全方位介紹鴻蒙App開發技術(Java和JS);

(2)鴻蒙相關智慧硬體(可能是鴻蒙與arduino、樹莓派在一起應用);

(3)各類專案實戰(若干),包括獨立的App專案,以及與智慧硬體結合的專案;

獲得更多關於鴻蒙的免費學習視訊,請關注我的B站:https://space.bilibili.com/477001733

 

 

 

 

 

 

 

相關文章