鴻蒙應(yīng)用程序開(kāi)發(fā) 課件 第3章 開(kāi)發(fā)環(huán)境搭建及調(diào)試

第3章開(kāi)發(fā)環(huán)境搭建及調(diào)試引言本章學(xué)習(xí)目標(biāo)下載和安裝DevEcoStudio，并配置開(kāi)發(fā)環(huán)境熟悉DevEcoStudio的常用功能熟練掌握如何創(chuàng)建一個(gè)應(yīng)用，并使用預(yù)覽器查看頁(yè)面效果熟悉如何用本地模擬器、遠(yuǎn)程模擬器、遠(yuǎn)程設(shè)備、本地設(shè)備運(yùn)行一個(gè)應(yīng)用2了解注冊(cè)和登錄華為開(kāi)發(fā)者聯(lián)盟賬號(hào)第3章開(kāi)發(fā)環(huán)境搭建及調(diào)試3.1開(kāi)發(fā)環(huán)境搭建3.2調(diào)試工程33.1.1DevEcoStudio功能簡(jiǎn)介

DevEcoStudio是華為公司為HarmonyOS應(yīng)用開(kāi)發(fā)提供的一個(gè)集成開(kāi)發(fā)工具，它是基于IntelliJIDEACommunity開(kāi)源版本打造，面向全場(chǎng)景多設(shè)備，提供一站式的應(yīng)用集成開(kāi)發(fā)環(huán)境（IntegratedDevelopmentEnvironmrnt，IDE），支持分布式多端開(kāi)發(fā)、分布式多端調(diào)測(cè)、多端模擬仿真，提供全方位的質(zhì)量與安全保障。4開(kāi)發(fā)者在進(jìn)行HarmonyOS應(yīng)用開(kāi)發(fā)之前，需要對(duì)開(kāi)發(fā)軟件DevEcoStudio進(jìn)行下載安裝以及一些必要的軟件準(zhǔn)備和配置，具體應(yīng)用開(kāi)發(fā)環(huán)境搭建流程，如圖所示。3.1.2DevEcoStudio下載安裝5DevEcoStudio的編譯構(gòu)建依賴JDK（JavaDevelopmentKit），DevEcoStudio預(yù)置了OpenJDK，安裝過(guò)程中會(huì)自動(dòng)安裝JDK。進(jìn)入HarmonyOSDeveloper產(chǎn)品頁(yè)（/），點(diǎn)擊“開(kāi)發(fā)”，選擇“DevEcoStudio”，點(diǎn)擊“立即下載”，在“更多版本”中找到“DevEcoStudio3.0Release”，下載devecostudio-windows-tool-93.zip壓縮包。1.雙擊打開(kāi)安裝包，點(diǎn)擊“Next”3.1.2DevEcoStudio下載安裝62.選擇軟件安裝路徑，根據(jù)自己電腦的配置安裝，這里建議安裝到系統(tǒng)盤(pán)（C盤(pán)）以外的其他盤(pán)，點(diǎn)擊“Next”3.1.2DevEcoStudio下載安裝73.選擇需要的安裝選項(xiàng)，建議初學(xué)者只選擇第一項(xiàng)創(chuàng)建桌面圖標(biāo)，點(diǎn)擊“Next”3.1.2DevEcoStudio下載安裝84.創(chuàng)建開(kāi)始菜單文件夾，即創(chuàng)建在桌面左下角開(kāi)始欄里的文件夾，用來(lái)打開(kāi)DevecoStudio，打開(kāi)方式為“點(diǎn)擊開(kāi)始/Huawei/DevEcoStudio”。點(diǎn)擊“Install”，然后點(diǎn)擊“Next”，直至安裝完成3.1.2DevEcoStudio下載安裝95.完成DevEcoStudio的安裝，界面如圖所示。先不勾選“RunDevEcoStudio”選項(xiàng)，點(diǎn)擊“Finish”。接下來(lái)根據(jù)開(kāi)發(fā)環(huán)境檢查和配置開(kāi)發(fā)環(huán)境。3.1.2DevEcoStudio下載安裝106.下面進(jìn)行設(shè)置DevEcoStudio，在桌面雙擊啟動(dòng)“DevEcoStudio”，彈出接受條款界面，點(diǎn)擊“Agree”，如圖所示3.1.2DevEcoStudio下載安裝117.導(dǎo)入設(shè)置，如果之前有導(dǎo)出的設(shè)置，可以進(jìn)行導(dǎo)入。這里建議初學(xué)者選擇不導(dǎo)入，點(diǎn)擊“OK”，如圖所示。8.進(jìn)入DevEcoStudio操作向?qū)ы?yè)面，修改npmregistry，DevEcoStudio已預(yù)置對(duì)應(yīng)的倉(cāng)（默認(rèn)的npm倉(cāng)，可能出現(xiàn)部分開(kāi)發(fā)者無(wú)法訪問(wèn)或訪問(wèn)速度緩慢的情況），直接單擊“StartusingDevEcoStudio”進(jìn)入下一步，如圖所示。3.1.2DevEcoStudio下載安裝129.Node.js安裝，選擇“Download”，選擇“Huaweimirror”，選擇安裝位置，點(diǎn)擊“Next”，直至安裝完成，點(diǎn)擊“Finish”，如圖所示。3.1.2DevEcoStudio下載安裝1310.SDK組件設(shè)置，選擇安裝位置，點(diǎn)擊“Next”，如圖所示。3.1.2DevEcoStudio下載安裝1411.SDK設(shè)置確認(rèn)，點(diǎn)擊“Next”，如圖所示。3.1.2DevEcoStudio下載安裝1512.許可協(xié)議，分別點(diǎn)擊“OpenHarmony-SDK”和“HarmonyOS-SDK”的“Accept”按鈕，然后點(diǎn)擊“Next”，直至完成，點(diǎn)擊“Finish”，如圖所示。3.1.3第一個(gè)工程的創(chuàng)建及配置16通過(guò)上一節(jié)的學(xué)習(xí)，我們已經(jīng)成功安裝了DevEcoStudio開(kāi)發(fā)工具，下面我們就可以開(kāi)發(fā)第一個(gè)HarmonyOS應(yīng)用，本小節(jié)將演示第一個(gè)應(yīng)用——HelloWorld。1.打開(kāi)開(kāi)發(fā)工具DevEcoStudio后，出現(xiàn)如圖所示界面，單擊左側(cè)欄的“CreateProject”創(chuàng)建新工程。3.1.3第一個(gè)工程的創(chuàng)建及配置172.新建工程后，下一步跳轉(zhuǎn)至如圖所示的界面，選擇支持不同開(kāi)發(fā)語(yǔ)言類型的模板。界面有HarmonyOS和OpenHarmony兩個(gè)選項(xiàng)，OpenHarmony是開(kāi)源項(xiàng)目，對(duì)于應(yīng)用開(kāi)發(fā)初學(xué)者而言不用考慮。本小節(jié)的例子我們選擇HarmonyOS下的EmptyAbility模板，（有關(guān)Ability的概念，將在第5章進(jìn)行介紹，這里簡(jiǎn)單認(rèn)為它是應(yīng)用所具有的一個(gè)功能），它支持包括手機(jī)、平板、車機(jī)、智慧屏、智能穿戴設(shè)備等多種終端設(shè)備。單擊“Next”按鈕進(jìn)行下一步。3.1.3第一個(gè)工程的創(chuàng)建及配置183.進(jìn)入配置界面，配置這個(gè)工程的名稱、類型、包名、存儲(chǔ)位置、SDK版本信息、設(shè)備類型等。4.頁(yè)面跳轉(zhuǎn)至SDKsetup，點(diǎn)擊“ConfigureNow”，直至完成，如圖3-17所示。3.1.3第一個(gè)工程的創(chuàng)建及配置195.配置完成后點(diǎn)擊“Finish”按鈕，DevEcoStudio會(huì)自動(dòng)生成工程代碼。界面顯示如圖所示，我們可以把界面分成上方菜單欄、工程目錄、代碼編輯區(qū)、右上角工具欄和下方控制臺(tái)。HarmonysOS應(yīng)用開(kāi)發(fā)默認(rèn)使用Gradle進(jìn)行編譯構(gòu)建，首次創(chuàng)建工程會(huì)自動(dòng)下載Gradle相關(guān)依賴，時(shí)間較長(zhǎng)，需要耐心等待。第3章開(kāi)發(fā)環(huán)境搭建及調(diào)試3.1開(kāi)發(fā)環(huán)境搭建3.2調(diào)試工程203.2.1DevEcoStudio預(yù)覽器21在前面的章節(jié)中，我們已經(jīng)創(chuàng)建了一個(gè)簡(jiǎn)單的HarmonyOS應(yīng)用，現(xiàn)在我們需要查看其頁(yè)面效果。在使用預(yù)覽器查看應(yīng)用界面的UI效果前，需要在設(shè)置中確保已下載Previewer資源，在上方菜單欄中打開(kāi)“File/Settings/HarmonyOSSDK/Platforms”，如圖所示。3.2.2在遠(yuǎn)程模擬器中調(diào)試22華為開(kāi)發(fā)者聯(lián)盟開(kāi)放諸多能力和服務(wù)，助力聯(lián)盟成員打造優(yōu)質(zhì)應(yīng)用。開(kāi)發(fā)者需要注冊(cè)華為開(kāi)發(fā)者聯(lián)盟賬號(hào)，并且實(shí)名認(rèn)證才能享受聯(lián)盟開(kāi)放的各類能力和服務(wù)。華為開(kāi)發(fā)者支持企業(yè)身份證驗(yàn)證和個(gè)人身份驗(yàn)證。下面介紹成為個(gè)人開(kāi)發(fā)者的注冊(cè)和實(shí)名過(guò)程。123465打開(kāi)華為開(kāi)發(fā)者聯(lián)盟官網(wǎng)單擊“注冊(cè)”按鈕進(jìn)入注冊(cè)頁(yè)面。注冊(cè)華為開(kāi)發(fā)者聯(lián)盟賬號(hào)，可以通過(guò)電子郵箱或手機(jī)號(hào)碼。輸入正確的手機(jī)號(hào)碼和驗(yàn)證碼。登錄華為開(kāi)發(fā)者聯(lián)盟官網(wǎng)。登錄賬號(hào)進(jìn)行個(gè)人身份實(shí)名認(rèn)證。根據(jù)上架應(yīng)用的敏感性選擇認(rèn)證方式，可以按照網(wǎng)頁(yè)所給提示選擇是否有敏感應(yīng)用上架到應(yīng)用市場(chǎng)。3.2.2在遠(yuǎn)程模擬器中調(diào)試23運(yùn)行應(yīng)用這一部分內(nèi)容在教材3.2.2節(jié)有詳細(xì)介紹，讀者自行閱讀學(xué)習(xí)。按照教材內(nèi)容運(yùn)行成功后顯示如下結(jié)果。3.2.3在本地模擬器中調(diào)試24這一部分內(nèi)容在教材3.2.3節(jié)有詳細(xì)介紹，讀者自行閱讀學(xué)習(xí)。按照教材內(nèi)容運(yùn)行成功后顯示如下結(jié)果。3.2.4在本地模擬器中調(diào)試25本小節(jié)介紹如何在遠(yuǎn)程設(shè)備上運(yùn)行第一個(gè)HarmonyOS應(yīng)用。

目前，遠(yuǎn)程設(shè)備支持Phone和Wearable設(shè)備，開(kāi)發(fā)者使用遠(yuǎn)程設(shè)備調(diào)試和運(yùn)行應(yīng)用時(shí)需要對(duì)應(yīng)用進(jìn)行簽名才能運(yùn)行，且每次釋放后重新申請(qǐng)，服務(wù)端分配的設(shè)備都不一樣。因此，每次重新申請(qǐng)遠(yuǎn)程設(shè)備后，都需要對(duì)應(yīng)用重新進(jìn)行簽名。1.點(diǎn)擊上方菜單欄“Tools/DeviceManager”，在RemoteDevice頁(yè)簽中可以看到遠(yuǎn)程設(shè)備設(shè)備列表。啟動(dòng)“Phone”遠(yuǎn)程設(shè)備(以P40Pro為例)，即可輕松調(diào)試和驗(yàn)證HarmonyOS應(yīng)用。3.2.4在本地模擬器中調(diào)試262.點(diǎn)擊啟動(dòng)按鈕后，會(huì)彈出警告，意思是在啟動(dòng)遠(yuǎn)程設(shè)備之前需要對(duì)應(yīng)用進(jìn)行簽名，