華為鴻蒙手機(jī)應(yīng)用開發(fā)上手體驗(yàn)

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

成都創(chuàng)新互聯(lián)主營肥西網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,重慶APP開發(fā),肥西h5重慶小程序開發(fā)搭建,肥西網(wǎng)站營銷推廣歡迎肥西等地區(qū)企業(yè)咨詢

手頭沒有華為手機(jī)測試系統(tǒng)，現(xiàn)在試一下開發(fā)環(huán)境跑模擬器感受一下。

以前DevEco里是沒有手機(jī)選項(xiàng)的，現(xiàn)在該選項(xiàng)可以看到了：

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

DevEco和Android Studio一樣基于開源的Idea版本開發(fā)的，其結(jié)構(gòu)與安卓開發(fā)環(huán)境非常像，熟悉安卓的小伙伴應(yīng)該能很快上手。

入口程序是一個(gè)MyApplication，從AbilityPackage繼承。

它首先找到了連接的榮耀手機(jī)，但這個(gè)手機(jī)不是鴻蒙系統(tǒng)。

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

點(diǎn)擊Tools - HVD Manager

首先提示登陸華為賬號(hào)，登陸后，選擇一個(gè)模擬器運(yùn)行：

啟動(dòng)以后長這個(gè)樣：

點(diǎn)擊設(shè)置，先看看關(guān)于：

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

鴻蒙OS版本號(hào) 2.0.0 Developer Beta1。

再點(diǎn)運(yùn)行，在指定的模擬器上運(yùn)行程序。

不過仍然運(yùn)行失?。?/p>

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

程序終于跑起來了：

看起來安卓程序好像真能在鴻蒙直接運(yùn)行，安裝一個(gè)快手試試：

還真能看：

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

「鴻蒙開發(fā) 3」華為鴻蒙應(yīng)用開發(fā)的低代碼（Super Visual）開發(fā)方式

開發(fā)前可以了解下鴻蒙： [鴻蒙開發(fā) 序]華為鴻蒙操作系統(tǒng)（HarmonyOS）簡介及開發(fā)環(huán)境搭建

開發(fā)前的準(zhǔn)備：「鴻蒙開發(fā) 1」華為鴻蒙應(yīng)用集成開發(fā)環(huán)境DevEco Studio安裝和設(shè)置

了解鴻蒙應(yīng)用開發(fā)的基本開發(fā)流程：「鴻蒙開發(fā) 2」第一個(gè)華為鴻蒙（HarmonyOS）應(yīng)用程序（App）

本章目標(biāo)：

1 了解華為鴻蒙應(yīng)用開發(fā)的可視化（低代碼）方式

2 通過構(gòu)建一個(gè)簡單的具有頁面跳轉(zhuǎn)功能的應(yīng)用

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

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

Project name工程名稱填SuperVisual

Development mode開發(fā)方式選擇Super Visual

其它的可以使用默認(rèn)設(shè)置，點(diǎn)擊完成，進(jìn)入編輯界面

1 在Project（項(xiàng)目）窗口，刪除工程運(yùn)行默認(rèn)的入口文件夾：“entry src main js default pages index”文件夾

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

JS visual name填first，點(diǎn)擊完成，進(jìn)入編輯界面

創(chuàng)建完成后，可以看到“entry src main supervisual default pages page page.visual”的文件目錄結(jié)構(gòu)

3 第一個(gè)頁面內(nèi)有一個(gè)容器、文本和一個(gè)按鈕，通過Div、Text和Button組件來實(shí)現(xiàn)

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

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

點(diǎn)擊右側(cè)屬性樣式欄中的通用樣式圖標(biāo)（General），設(shè)置Div組件的高度Height為100%，使其占滿屏幕

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

（3）選中UI Control中的Text組件，將其拖至Div組件的中央?yún)^(qū)域

點(diǎn)擊右側(cè)屬性樣式欄中的屬性圖標(biāo)（Properties），設(shè)置Text組件的Content屬性為 “ Hello World ”

點(diǎn)擊右側(cè)屬性樣式欄中的通用樣式圖標(biāo)（General），設(shè)置Text組件的寬（width）為100%，高（height）為100px

點(diǎn)擊右側(cè)屬性樣式欄中的樣式圖標(biāo)（Feature），設(shè)置組件的FontSize樣式為60px，使得其文字放大；設(shè)置組件的TextAlign樣式為center，使得組件文字居中顯示

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

點(diǎn)擊右側(cè)屬性樣式欄中的屬性圖標(biāo)（Properties），設(shè)置Button組件的Value屬性為 “ Next ”，

點(diǎn)擊右側(cè)屬性樣式欄中的通用樣式圖標(biāo)（General），設(shè)置按的寬（width）為40%，高（height）為60px

點(diǎn)擊右側(cè)屬性樣式欄中的樣式圖標(biāo)（Feature），設(shè)置組件的FontSize樣式為40px

至此，第一個(gè)頁面創(chuàng)建完成

我們可以在預(yù)覽窗口中看效果，點(diǎn)擊右側(cè)邊欄的Preview打開預(yù)覽窗口

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

Visual配置界面，JS visual name填second，回車（Enter鍵）或者點(diǎn)擊完成，進(jìn)入編輯界面

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

選中Text組件，點(diǎn)擊右側(cè)屬性樣式欄中的屬性圖標(biāo)（Properties），設(shè)置Text組件的Content屬性為 “ Hi，I'm always here. ”

點(diǎn)擊右側(cè)屬性樣式欄中的通用圖標(biāo)（General），設(shè)置組件的寬（width）為100%，高為60px

點(diǎn)擊右側(cè)屬性樣式欄中的樣式圖標(biāo)（Feature），設(shè)置組件的FontSize樣式為36px，TextAlign樣式為center

這樣我們的第二個(gè)頁面創(chuàng)建成功了

1 在Project窗口，打開工程中的“entry src main js default pages first first.js”， 導(dǎo)入router模塊，頁面路由router根據(jù)頁面的uri來找到目標(biāo)頁面，從而實(shí)現(xiàn)跳轉(zhuǎn)。示例代碼如下：

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

3 在預(yù)覽窗口中查看項(xiàng)目效果，點(diǎn)擊Next按鈕后發(fā)現(xiàn)我們的頁面成功跳轉(zhuǎn)了。

到此，本章的目標(biāo)就完成了。

鴻蒙應(yīng)用(Harmony OS App)的簽名方式

在基于鴻蒙SDK開發(fā)完成應(yīng)用后，可以通過 Build - Build Hap(s)/APP(s) 編譯后，在 項(xiàng)目根目錄/build/outputs/app/release/ 目錄下生成兩個(gè)文件: xxx_unsigned.app 和 xxx_signed.app。在某些情況下可能需要使用 xxx_unsigned.app 文件，然后使用同步的簽名文件對文件進(jìn)行簽名。

那么問題來了，怎么對未簽名的文件進(jìn)行重新簽名呢？這個(gè)文件就是本文想要解決的問題。

在 DevEco Studio 中有一個(gè) hapsigntoolv2.jar 。通過這個(gè) jar 包可以對應(yīng)用進(jìn)行重簽名。簽名腳本內(nèi)容如下：

將上面內(nèi)容寫到一個(gè) signer.sh 文件中保持。通過下面指令賦給腳本文件可行的權(quán)限：

至此，一個(gè)簡單的簽名工具已經(jīng)完成。

上面章節(jié)已經(jīng)完成一個(gè)簡單的簽名工具 signer.sh。使用方式如下:

如果執(zhí)行成功，則會(huì)生成 xxx_signed.app 文件。

然后嘗試運(yùn)行一下試試吧。