「鴻蒙開發 3」華為鴻蒙應用開發的低代碼（Super Visual）開發方式

開發前可以了解下鴻蒙： [鴻蒙開發 序]華為鴻蒙操作系統（HarmonyOS）簡介及開發環境搭建

創新互聯2013年至今，先為善左等服務建站，善左等地企業，進行企業商務咨詢服務。為善左企業網站制作PC+手機+微官網三網同步一站式服務解決您的所有建站問題。

開發前的準備：「鴻蒙開發 1」華為鴻蒙應用集成開發環境DevEco Studio安裝和設置

了解鴻蒙應用開發的基本開發流程：「鴻蒙開發 2」第一個華為鴻蒙（HarmonyOS）應用程序（App）

本章目標：

1 了解華為鴻蒙應用開發的可視化（低代碼）方式

2 通過構建一個簡單的具有頁面跳轉功能的應用

低代碼開發方式，即通過可視化界面開發方式快速構建布局、編輯UI界面，可有效降低用戶的上手成本并提升用戶構建UI界面的效率。

1 打開DevEco Studio，創建一個新工程，選擇支持Phone / Tablet / Wearable（手機 / 平板 / s可穿戴）的模板，我們在此直接選擇Empty Ability

Project name工程名稱填SuperVisual

Development mode開發方式選擇Super Visual

其它的可以使用默認設置，點擊完成，進入編輯界面

1 在Project（項目）窗口，刪除工程運行默認的入口文件夾：“entry src main js default pages index”文件夾

2 在Project窗口，選擇工程中的“entry src main js default pages”，單擊鼠標右鍵，選擇“New JS Visual”

JS visual name填first，點擊完成，進入編輯界面

創建完成后，可以看到“entry src main supervisual default pages page page.visual”的文件目錄結構

3 第一個頁面內有一個容器、文本和一個按鈕，通過Div、Text和Button組件來實現

（1）分別選中first.visual畫面中的Text、Div組件，單擊鼠標右鍵，選擇Delete刪除

（2）選中UI Control中的Div組件，將其拖至畫布

點擊右側屬性樣式欄中的通用樣式圖標（General），設置Div組件的高度Height為100%，使其占滿屏幕

點擊右側屬性樣式欄中的樣式圖標（Flex），設置Div組件的FlexDirection樣式為column，使Div的主軸垂直；設置Div組件的JustifyContent樣式為center，使得其子組件在主軸上居中顯示；設置Div組件的AlignItems樣式為center，使得其子組件在交叉軸上居中顯示

（3）選中UI Control中的Text組件，將其拖至Div組件的中央區域

點擊右側屬性樣式欄中的屬性圖標（Properties），設置Text組件的Content屬性為 “ Hello World ”

點擊右側屬性樣式欄中的通用樣式圖標（General），設置Text組件的寬（width）為100%，高（height）為100px

點擊右側屬性樣式欄中的樣式圖標（Feature），設置組件的FontSize樣式為60px，使得其文字放大；設置組件的TextAlign樣式為center，使得組件文字居中顯示

（4）選中UI Control中的Button組件，將其拖至Text組件下面

點擊右側屬性樣式欄中的屬性圖標（Properties），設置Button組件的Value屬性為 “ Next ”，

點擊右側屬性樣式欄中的通用樣式圖標（General），設置按的寬（width）為40%，高（height）為60px

點擊右側屬性樣式欄中的樣式圖標（Feature），設置組件的FontSize樣式為40px

至此，第一個頁面創建完成

我們可以在預覽窗口中看效果，點擊右側邊欄的Preview打開預覽窗口

1 在Project窗口，選擇工程中的“entry src main js default pages”，單擊鼠標右鍵，選擇“New JS Visual”

Visual配置界面，JS visual name填second，回車（Enter鍵）或者點擊完成，進入編輯界面

2 第二個頁面中有一個容器和文本，通過Div、Text組件實現，現在編輯器已經為我們創建好了，我們就來修改下它們的屬性（你也可以刪除原有的自己創建，具體步驟參考本章第二節“二 創建第一個頁面”）。

選中Text組件，點擊右側屬性樣式欄中的屬性圖標（Properties），設置Text組件的Content屬性為 “ Hi，I'm always here. ”

點擊右側屬性樣式欄中的通用圖標（General），設置組件的寬（width）為100%，高為60px

點擊右側屬性樣式欄中的樣式圖標（Feature），設置組件的FontSize樣式為36px，TextAlign樣式為center

這樣我們的第二個頁面創建成功了

1 在Project窗口，打開工程中的“entry src main js default pages first first.js”， 導入router模塊，頁面路由router根據頁面的uri來找到目標頁面，從而實現跳轉。示例代碼如下：

2 打開或者切換到first.visual頁面，選中畫布上的Button組件，點擊右側屬性樣式欄中的事件圖標（Events），鼠標點擊Click事件的輸入框，選擇launch事件

3 在預覽窗口中查看項目效果，點擊Next按鈕后發現我們的頁面成功跳轉了。

到此，本章的目標就完成了。

華為鴻蒙手機應用開發上手體驗

之前測試過使用華為DevEco開發智能電視應用。前幾天華為發布了手機的測試版，不能免俗，抓緊嘗試一下。

手頭沒有華為手機測試系統，現在試一下開發環境跑模擬器感受一下。

以前DevEco里是沒有手機選項的，現在該選項可以看到了：

這里測試一下Business Card Ability(Java)開發。

DevEco和Android Studio一樣基于開源的Idea版本開發的，其結構與安卓開發環境非常像，熟悉安卓的小伙伴應該能很快上手。

入口程序是一個MyApplication，從AbilityPackage繼承。

它首先找到了連接的榮耀手機，但這個手機不是鴻蒙系統。

編譯是成功了，但提示設備無法使用：

點擊Tools - HVD Manager

首先提示登陸華為賬號，登陸后，選擇一個模擬器運行：

啟動以后長這個樣：

點擊設置，先看看關于：

上面顯示大大的HarmonyOS。但感覺畫面很模糊，不知道模擬器到底是運行在本地的，還是云端的。但DevEco上顯示是Remote Device字樣。

鴻蒙OS版本號 2.0.0 Developer Beta1。

再點運行，在指定的模擬器上運行程序。

不過仍然運行失?。?/p>

鴻蒙OS版本與平板是一致的，

程序終于跑起來了：

看起來安卓程序好像真能在鴻蒙直接運行，安裝一個快手試試：

還真能看：

我真分不清這是安卓還是鴻蒙了 。

華為鴻蒙操作系統深度解析

根據華為鴻蒙的時間推進表，2021年6月2日，華為將舉辦鴻蒙操作系統及華為全場景新品發布會。根據華為此前的介紹，相對于鴻蒙 OS 1.0 來說，鴻蒙 OS 2.0 可登錄更多智能終端設備，在功能和構架上也會有全新的變化。

2020年報顯示，華為在全球的終端連接數已超10億，其中手機存量用戶突破7.3億，其中大約90%的華為的存量和在售手機，都可以升級鴻蒙系統。#鴻蒙#

HarmonyOS是一款面向未來的全場景分布式智慧操作系統。

對于消費者而言，HarmonyOS用一個統一的軟件系統從根本上解決消費者面對大量智能終端體驗割裂的問題，為消費者帶來統一、便利、安全的智慧化全場景體驗。

HarmonyOS技術架構支撐1+8+N戰略。

在該戰略中，1是手機，8包括平板、PC、穿戴、智慧屏、AI音箱、耳機、VR、車機，N是指萬物互聯。通過通信連接和應用打通，從手機的優勢向外圍延展，HarmonyOS技術架構起到了巨大的支撐作用。

在5月21日舉行的華為生態大會2021中，華為輪值董事長徐直軍強調：華為計劃2021年將國內1+8的設備全面升級到Harmony OS，預計到2021年年底整體會超過2億臺。

鴻蒙操作系統的重要商業價值在于，提供了更多的“連接”，從而提升了華為硬件生態的附加值和內涵，將會實現華為系列硬件產品的互聯乃至智慧城市的萬物互聯，并帶動華為軟硬件生態持續繁榮。

IoT是華為在產業物聯網時代的重要布局，華為主要聚焦于基礎設施領域。海量低成本終端設備連接需要保證連接可管可控，且全網連續覆蓋，以及端側(終端)、傳輸、云端安全。

華為已在云側和端側擁有升騰、鯤鵬、麒麟等芯片，具備強大算力，疊加鴻蒙操作系統高效、靈活的執行能力，將培育大量高價值應用。

鴻蒙操作系統與華為“云+端”芯片形成強大合力，形成殺手锏應用。

從技術、生態兩角度看，操作系統對于ICT廠商而言具有重要意義，鴻蒙操作系統的推出，對華為、對我國自主可控進程的意義不言而喻。

借助鴻蒙操作系統，華為將在生態、硬件、先發+持續創新三方面體現競爭優勢，成為5G+IoT產業領軍。

1、基于微內核、分布式及跨終端的特性，HarmonyOS能更好的適應物聯網時代的需求。

HarmonyOS是一款基于微內核的全場景（移動辦公、運動 健康 、社交通信、媒體 娛樂 等）分布式操作系統。

鴻蒙操作系統最重要的特性就是“分布式”，即同一個操作系統可以在不同類型的終端上運行。

通過“分布式多端協同身份認證”來保證“正確的人”、通過“在分布式終端上構筑可信運行環境”來保證“正確的設備”、通過“分布式數據在跨終端流動的過程中，對數據進行分類分級管理”來保證“正確地使用數據”。

在IoT硬件領域，HarmonyOS革命性的分布式技術，還能幫助硬件廠商實現“產品即服務”的產業升級。對應用開發者而言，鴻蒙更加方便快捷。

目前，華為單系統的安全能力已經做到極致，成為業界第一個且唯一在微內核領域通過了CCEAL5+認證的廠家。

2、開源吸引更多生態伙伴加入

華為從2012年開始研發鴻蒙操作系統，鴻蒙OS以打造生態為目標，服務于華為的硬件產品。

2019年8月9日，華為正式發布HarmonyOS，同時余承東宣布，HarmonyOS實行開源。

HarmonyOS采用Apache licence開源協議，該協議不僅鼓勵代碼共享，還尊重原作者的著作權，更容易吸引商業進入。

全球開發者均可以使用鴻蒙開源工具包開發各式應用。同時華為也拿出10億美金作為基金，幫助全球開發者開發創新應用。

此前三星、微軟、諾基亞均在閉源操作系統的嘗試中失敗，而選擇開源路線的google，其安卓系統成功抵抗住蘋果的iOS系統，成為目前移動端用戶最多的開源系統。

3、華為技術積累和海量生態是HarmonyOS發展的保障。

鴻蒙從與硬件的捆綁協同來看，亦類似于蘋果；從免費開源的角度看，與安卓相像。

從財報拆分來看，蘋果盡管不直接銷售操作系統，但是它通過操作系統產生的增值收入超過了150億美金；谷歌通過操作系統相關的增值業務收入和授權收入超過幾十億美金。

HarmonyOS 2.0與IOS及安卓的區別:

無論是谷歌的安卓還是蘋果的IOS，實現收入主要是通過廣告和APP銷售額提成兩種模式。目前階段鴻蒙系統能達到安卓70 80%水平，HMS生態已經成為全球第三大應用生態。隨著后續HMS生態的逐漸成熟，憑借HarmonyOS龐大的終端數量，HMS生態有望成為華為新的收入引擎。

鴻蒙操作系統有望在物聯網時代加速國產化方案整合與整體落地進度，國產軟硬件自主可控動能加速釋放，華為自主可控陣營的合作伙伴有望在鴻蒙生態體系的快速擴張路徑中持續受益。

HarmonyOS生態已經發展了美的、九陽、老板、潤和軟件和中科創達等1000多個智能硬件合作伙伴，50多個模組和芯片解決方案合作伙伴，包括家居、出行、教育、辦公、運動 健康 、政企、影音 娛樂 等多個領域的合作伙伴。

目前華為與全球TOP 200的APP廠商也在溝通合作，旨在為他們帶來全新的跨終端設備的體驗。

京東、百度、優酷、科大訊飛、金山辦公等120多家知名應用廠商已開始基于HarmonyOS進行創新，讓消費者獲得顛覆性的智慧生活體驗。

華為生態及整體自控主題相關公司包括金山辦公，用友網絡，金蝶國際等。東方通（中間件）、中科創達（系統開發），潤和軟件（多芯片平臺適配）、常山北明（ISV）、誠邁 科技 （軟件開發）、北信源（移動安全）、高偉達（金融云）等。

華為智慧生活APP活躍用戶超過5,400萬，智慧生活APP每日請求數超過10.8億次，連接設備超過10億臺。隨著HiLink與HarmonyOS的進一步統一，這或許有望進一步提升鴻蒙接入設備的數量。

鴻蒙OS未來將會承擔起華為一系列包括電視、音箱、路由器、智能 汽車 等硬件產品的互聯，乃至智慧城市的萬物互聯，組成更大的華為軟硬件生態。