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

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

站在用戶的角度思考問(wèn)題，與客戶深入溝通，找到東川網(wǎng)站設(shè)計(jì)與東川網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類型包括：網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名注冊(cè)、網(wǎng)絡(luò)空間、企業(yè)郵箱。業(yè)務(wù)覆蓋東川地區(qū)。

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

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

本章目標(biāo)：

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

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

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

1 打開(kāi)DevEco Studio，創(chuàng)建一個(gè)新工程，選擇支持Phone / Tablet / Wearable（手機(jī) / 平板 / s可穿戴）的模板，我們?cè)诖酥苯舆x擇Empty Ability

Project name工程名稱填SuperVisual

Development mode開(kāi)發(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è)頁(yè)面內(nèi)有一個(gè)容器、文本和一個(gè)按鈕，通過(guò)Div、Text和Button組件來(lái)實(shí)現(xiàn)

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

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

點(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è)頁(yè)面創(chuàng)建完成

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

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

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

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

選中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è)頁(yè)面創(chuàng)建成功了

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

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

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

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

鴻蒙應(yīng)用開(kāi)發(fā)之真機(jī)調(diào)試

參考 鴻蒙官方文檔（點(diǎn)擊傳送門(mén)） ，做一下流程梳理簡(jiǎn)化，及踩坑記錄

華為將真機(jī)調(diào)試分成物理真機(jī)和遠(yuǎn)程真機(jī)。這里說(shuō)的都是物理真機(jī)（手機(jī)、平板）。鴻蒙真機(jī)調(diào)試巨復(fù)雜，不像Android那么容易方便。

貼一下官方的調(diào)試流程圖：

總結(jié)一下：

上面這個(gè)流程可以忽略，沒(méi)講到重點(diǎn)。真機(jī)調(diào)試是需要在 ? AppGallery Connect 中創(chuàng)建應(yīng)用的，調(diào)試應(yīng)用需要的cer和p7b文件是從這里生成的。

先決條件：

1. 鴻蒙手機(jī)通過(guò)USB連接電腦，并開(kāi)啟USB調(diào)試。

2. 一個(gè)華為開(kāi)發(fā)者賬號(hào)，實(shí)名認(rèn)證

3. APP開(kāi)發(fā)工具DevEco-Studio

關(guān)鍵流程：

1. Studio創(chuàng)建應(yīng)用

2. 如果未登錄過(guò)，F(xiàn)ile Project Structure Project Signing Configs簽名配置頁(yè)，點(diǎn)擊“Sign In”

3. AppGallery創(chuàng)建應(yīng)用（包名和Studio創(chuàng)建的一樣）

4. 官方文檔到這在簽名配置頁(yè)就點(diǎn)Try Again可以自動(dòng)簽名，我試了不行，以下全是手動(dòng)

5. Studio中Build Generate key and CSR? ?生成p12和csr文件

6. 獲取手機(jī)udid，命令行hdc shell bm get -udid（下一步設(shè)備管理要用）

7. AppGallery主頁(yè) 用戶與訪問(wèn) 左側(cè)設(shè)備管理添加udid的設(shè)備（生成p7b時(shí)要用）

8. AppGallery主頁(yè) 用戶與訪問(wèn) 左側(cè)證書(shū)管理生成cer文件（生成p7b和簽名配置要用）

9. AppGallery主頁(yè) 我的項(xiàng)目 左側(cè)HarmonyOS應(yīng)用 HAP provision profile，生成p7b文件

10. 最后在簽名配置頁(yè)配好 p12、p7b、cer等參數(shù)，運(yùn)行鴻蒙應(yīng)用到真機(jī)就行了

華為鴻蒙120萬(wàn)開(kāi)發(fā)者做300多個(gè)APP 在玩文字游戲還是不懷好意捧殺

最近看到很多自媒體都在說(shuō)：華為鴻蒙系統(tǒng)雖然號(hào)稱有120萬(wàn)開(kāi)發(fā)者，但鴻蒙原生APP到現(xiàn)在卻只有300多個(gè)。所以華為自提供系統(tǒng)，至于軟件，能用安卓的就用。

咋一看，這種說(shuō)法好像也沒(méi)有問(wèn)題，因?yàn)橄到y(tǒng)最重要的就是生態(tài)，如果周邊生態(tài)跟不上，哪怕是強(qiáng)如當(dāng)年微軟搞得WP也皎然于民。

所以當(dāng)鴻蒙一發(fā)的時(shí)候，我們都期望它能夠迅速占領(lǐng)市場(chǎng)，完善自己的生態(tài)圈，當(dāng)我們看看有120萬(wàn)的開(kāi)發(fā)者，只開(kāi)發(fā)出320APP的時(shí)候，這個(gè)數(shù)字的背后確實(shí)讓人困惑不已，也對(duì)鴻蒙的前景表示擔(dān)憂也很正常。畢竟這個(gè)數(shù)量太少了，難道鴻蒙以后就靠安卓軟件活下去嗎。

關(guān)于鴻蒙的面世，這里不做更多詳細(xì)探討，總結(jié)起來(lái)就是一句，備胎的產(chǎn)物。如果漂亮國(guó)沒(méi)有封禁華為的話，鴻蒙也許只會(huì)出現(xiàn)在物聯(lián)網(wǎng)上應(yīng)用，手機(jī)系統(tǒng)？也許后期會(huì)有，但至少不是現(xiàn)在這種情況面世。

但計(jì)劃趕不上變化這句話很好描述了華為這幾年的情況，鴻蒙的出現(xiàn)也許不是最正確合適的時(shí)候，但它也足夠優(yōu)異，因?yàn)樗陌l(fā)展確實(shí)比預(yù)料要快一些。根據(jù)華為官方說(shuō)法，有300多家企業(yè)加入鴻蒙生態(tài)，已經(jīng)有65款硬件設(shè)備可以升級(jí)到鴻蒙2.0版本，同時(shí)搭載鴻蒙系統(tǒng)的終端設(shè)備已經(jīng)接近一個(gè)億，對(duì)于一個(gè)新生的系統(tǒng)來(lái)說(shuō)，這確實(shí)是個(gè)不小的成就。

但看似美麗數(shù)據(jù)背后卻帶著未知的危機(jī)，雖然數(shù)據(jù)來(lái)看，鴻蒙系統(tǒng)確實(shí)已經(jīng)很好，看上去也不會(huì)擔(dān)心它以后的發(fā)展之路。

但實(shí)際上鴻蒙現(xiàn)在面對(duì)最大的難題就是生態(tài)，這就是前面提到120萬(wàn)開(kāi)發(fā)者只開(kāi)發(fā)出300多個(gè)原生鴻蒙APP的說(shuō)法。

鴻蒙系統(tǒng)現(xiàn)在最大的問(wèn)題還是在生態(tài)不夠健全，借雞生蛋終究還是臨時(shí)辦法，加上谷歌現(xiàn)在把雞也殺了，那么只會(huì)自己養(yǎng)雞生蛋了。所以鴻蒙想要獨(dú)立成第三大操作系統(tǒng)，不走微軟和三星的老路，那么鴻蒙就是首先學(xué)會(huì)養(yǎng)雞。

當(dāng)華為稱鴻蒙的生態(tài)的開(kāi)發(fā)者有120萬(wàn)的時(shí)候，人們覺(jué)得華為的雞已經(jīng)養(yǎng)起來(lái)，但當(dāng)宣稱只開(kāi)發(fā)了320個(gè)APP的時(shí)候，人們就懷疑華為養(yǎng)的是公雞嗎。因?yàn)榘凑者@個(gè)算法，幾千人才才開(kāi)發(fā)一個(gè)APP 這顯然不正常。

百萬(wàn)人開(kāi)發(fā)幾百個(gè)APP顯然是不正常的，但在這百萬(wàn)人當(dāng)中，首先我們要搞清楚有多少是鴻蒙系統(tǒng)的開(kāi)發(fā)者，因?yàn)榘凑杖A為官方的說(shuō)法，這120萬(wàn)的開(kāi)發(fā)者是HMS的開(kāi)發(fā)者，因?yàn)槿A為在被漂亮國(guó)禁用GSM以后，華為就自行建立了HMS服務(wù)。原則上來(lái)說(shuō)，這些開(kāi)發(fā)者都算是鴻蒙生態(tài)的開(kāi)發(fā)者，根據(jù)華為官方的appgallery統(tǒng)計(jì)，支持HMS服務(wù)的軟件有上百萬(wàn)個(gè)，所以如果按照這個(gè)算法，這些開(kāi)發(fā)者開(kāi)發(fā)的APP也不算少了。但如果是按照鴻蒙原生的APP計(jì)算，那么情況就是另外一種說(shuō)法，這是計(jì)算和統(tǒng)計(jì)不一樣引起的結(jié)果。

如果非要給出一個(gè)定義，那么只能說(shuō)這120萬(wàn)是華為HMS生態(tài)的開(kāi)發(fā)者，它還不完全算是鴻蒙系統(tǒng)的開(kāi)發(fā)者，畢竟HMS發(fā)布要比鴻蒙早很多。因?yàn)檫@部分人大多是開(kāi)發(fā)軟件服務(wù)，而不是原生軟件，所以120萬(wàn)對(duì)鴻蒙來(lái)說(shuō)多少有點(diǎn)文字 游戲 數(shù)字。

每一個(gè)系統(tǒng)生態(tài)的建立都需要時(shí)間的沉淀，作為一個(gè)只發(fā)了幾個(gè)月的系統(tǒng)，它原生APP少主要可能是兩個(gè)方面原因造成一是它兼容谷歌安卓的應(yīng)用，一般性的企業(yè)不會(huì)再獨(dú)立開(kāi)發(fā)鴻蒙APP。所以也許這120萬(wàn)里有鴻蒙系統(tǒng)的開(kāi)發(fā)者，但他們還在觀望當(dāng)中，畢竟再搞一套，技術(shù)、時(shí)間、成本都是一個(gè)不可能不考慮的問(wèn)題。

二就是鴻蒙系統(tǒng)硬件支持還不夠，雖然前面說(shuō)到有接近一億用戶，但在手機(jī)領(lǐng)域有多少我們沒(méi)有準(zhǔn)確數(shù)據(jù)。加上華為手機(jī)前景的未知性，這會(huì)讓這120萬(wàn)當(dāng)中的觀望著更有耐心。畢竟做出來(lái)的軟件它不是說(shuō)說(shuō)就可以，要人力時(shí)間精力還是后期維護(hù)等等，在鴻蒙現(xiàn)在的情況下，有著更多的觀望者其實(shí)并不奇怪，因?yàn)椴还軓哪莻€(gè)角度來(lái)說(shuō)了，只要開(kāi)發(fā)出安卓應(yīng)用，同時(shí)兼容鴻蒙它已經(jīng)足夠應(yīng)對(duì)目前的情況。

客觀來(lái)說(shuō)，目前鴻蒙距離安卓和IOS還有很大差距，也許它比當(dāng)年的WP用戶數(shù)量還要少。但鴻蒙作為一個(gè)挑戰(zhàn)者，一個(gè)從零開(kāi)始的挑戰(zhàn)者，它開(kāi)局的艱難是有預(yù)估的，存在的劣勢(shì)也是必然的。要知道安卓和蘋(píng)果有今天相當(dāng)成熟的生態(tài)優(yōu)勢(shì)，他們是經(jīng)過(guò)時(shí)間的沉淀才有這樣的結(jié)果。當(dāng)相對(duì)于安卓在中國(guó)就有500萬(wàn)開(kāi)發(fā)者，蘋(píng)果的440萬(wàn)開(kāi)發(fā)者，鴻蒙全球才120萬(wàn)開(kāi)發(fā)者，而且還是帶著不少水貨的情況，這顯然還是不夠的，想要做第三的市場(chǎng)份額，鴻蒙還是很長(zhǎng)的時(shí)間和努力才會(huì)有機(jī)會(huì)實(shí)現(xiàn)。

目前我們對(duì)鴻蒙前景也不要太悲觀，畢竟它才幾個(gè)月大，它的潛力還在，而且目前看它還有它自身的優(yōu)勢(shì)。按照目前勢(shì)頭發(fā)展下去，當(dāng)有足夠的硬件支撐它的時(shí)候，相信很多的觀望著會(huì)紛紛入局，到了那個(gè)時(shí)候，鴻蒙原生的APP自然就會(huì)豐富起來(lái)。

對(duì)此你有什么不同的看法，歡迎評(píng)論討論！

文章標(biāo)題：鴻蒙app開(kāi)發(fā)ajax,基于鴻蒙開(kāi)發(fā)的app
地址分享：http://chinadenli.net/article25/dsgchji.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供軟件開(kāi)發(fā)、網(wǎng)站營(yíng)銷(xiāo)、品牌網(wǎng)站設(shè)計(jì)、全網(wǎng)營(yíng)銷(xiāo)推廣、響應(yīng)式網(wǎng)站、網(wǎng)站排名

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)