參考 鴻蒙官方文檔（點(diǎn)擊傳送門） ，做一下流程梳理簡化，及踩坑記錄
網(wǎng)站建設(shè)哪家好，找成都創(chuàng)新互聯(lián)！專注于網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、重慶小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了黃島免費(fèi)建站歡迎大家使用！
華為將真機(jī)調(diào)試分成物理真機(jī)和遠(yuǎn)程真機(jī)。這里說的都是物理真機(jī)（手機(jī)、平板）。鴻蒙真機(jī)調(diào)試巨復(fù)雜，不像Android那么容易方便。
貼一下官方的調(diào)試流程圖：
總結(jié)一下：
上面這個(gè)流程可以忽略，沒講到重點(diǎn)。真機(jī)調(diào)試是需要在 ? AppGallery Connect 中創(chuàng)建應(yīng)用的，調(diào)試應(yīng)用需要的cer和p7b文件是從這里生成的。
先決條件：
1. 鴻蒙手機(jī)通過USB連接電腦，并開啟USB調(diào)試。
2. 一個(gè)華為開發(fā)者賬號(hào)，實(shí)名認(rèn)證
3. APP開發(fā)工具DevEco-Studio
關(guān)鍵流程：
1. Studio創(chuàng)建應(yīng)用
2. 如果未登錄過，F(xiàn)ile Project Structure Project Signing Configs簽名配置頁，點(diǎn)擊“Sign In”
3. AppGallery創(chuàng)建應(yīng)用（包名和Studio創(chuàng)建的一樣）
4. 官方文檔到這在簽名配置頁就點(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主頁 用戶與訪問 左側(cè)設(shè)備管理添加udid的設(shè)備（生成p7b時(shí)要用）
8. AppGallery主頁 用戶與訪問 左側(cè)證書管理生成cer文件（生成p7b和簽名配置要用）
9. AppGallery主頁 我的項(xiàng)目 左側(cè)HarmonyOS應(yīng)用 HAP provision profile，生成p7b文件
10. 最后在簽名配置頁配好 p12、p7b、cer等參數(shù)，運(yùn)行鴻蒙應(yīng)用到真機(jī)就行了
開發(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可穿戴）的模板，我們?cè)诖酥苯舆x擇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)就完成了。
手機(jī)應(yīng)用軟件開發(fā)平臺(tái)？市面上的軟件開發(fā)平臺(tái)有很多，但是常見的也就那么幾個(gè)，重慶魔女科技有限公司monvkeji.com告訴大家當(dāng)前主流的軟件app系統(tǒng)有，安卓（android）、蘋果（iOS）、鴻蒙（HarmonyOS），這三大手機(jī)APP系統(tǒng)，對(duì)應(yīng)的應(yīng)用軟件開發(fā)工具也會(huì)不同，安卓、鴻蒙、蘋果系統(tǒng)的主流的軟件開發(fā)平臺(tái)有哪些。
app應(yīng)用開發(fā)
一、安卓開發(fā)平臺(tái)
目前安卓開發(fā)人員用的比較多的android app開發(fā)工具有：Android Studio 和 Eclipse 這兩個(gè)。
1、Android Studio
Android Studio為開發(fā)安卓app應(yīng)用提供了一切必要的功能，也是安卓的官方IDE，是專門為安卓軟件開發(fā)而打造，它為開發(fā)和調(diào)試軟件提供專業(yè)的集成開發(fā)環(huán)境，也是一款比較有名的軟件開發(fā)工具了。
java開發(fā)
2、Eclipse
Eclipse也是軟件開發(fā)程序員廣泛應(yīng)用的一款android開發(fā)工具，Eclipse支持跨平臺(tái)開發(fā)，同時(shí)支持很多插件。Eclipse附帶了一個(gè)標(biāo)準(zhǔn)的插件集，包括Java開發(fā)工具（Java Development Kit，JDK）。與其他固定的IDE開發(fā)工具相比，Eclipse具有更高的靈活性和自主性。
二、蘋果開發(fā)平臺(tái)
ios開發(fā)平臺(tái)用的是Xcode, Xcode是運(yùn)行在操作系統(tǒng) Mac OS x上的IDE，由蘋果公司打造。Xcode也是開發(fā)OS X 和 iOS應(yīng)用程序的比較快捷的方式了。它具有統(tǒng)一的用戶界面設(shè)計(jì)，編碼、測試、調(diào)試在一個(gè)簡單的窗口內(nèi)就能完成。
蘋果開發(fā)工具
三、鴻蒙開發(fā)平臺(tái)
鴻蒙開發(fā)工具deveco studio，是華為自主研發(fā)的鴻蒙操作系統(tǒng)的一個(gè)終端開發(fā)工具，已面向全球用戶開放使用，deveco studio是鴻蒙系統(tǒng)的專屬開發(fā)平臺(tái)，能進(jìn)行程序開發(fā)，軟件調(diào)試，維護(hù)檢驗(yàn)等操作，支持多種軟件開發(fā)語言，方便開發(fā)工程師進(jìn)行開發(fā)調(diào)試。deveco studio擁有非常舒適的app開發(fā)環(huán)境，智齒可視化編程，能實(shí)時(shí)查看編程效果，大幅降低了開發(fā)難度。
重慶分公司
重慶分公司
