前言
作為獨立開發(fā)者，如果我們錯過了傳統(tǒng)移動 App，和后起小程序的紅利，那萬物互聯(lián) + AI 的應(yīng)用開發(fā)就得抓住了。
雖然個人上架應(yīng)用平臺難易都差不多，但是鴻蒙生態(tài)當(dāng)前正需要廣大開發(fā)者參與，一旦上架，相比其他平臺，流量扶持力度更大，變現(xiàn)能力也更容易。
所以，我們可以先開發(fā)一些應(yīng)用占個位置，后面再逐漸迭代完善；那么，第一步就先從搭建開發(fā)環(huán)境開始吧。
鴻蒙 Next 簡介
鴻蒙 Next，英文 HarmoneyOS Next，又叫純血版鴻蒙，2023 年 8 月 4 日開發(fā)者預(yù)覽版，2024 年 6 月正式對外公布。鴻蒙 NEXT 采用了全鴻蒙內(nèi)核，完成了對 Linux 內(nèi)核的全面替換，并去掉了安卓開放源代碼項目（AOSP）等代碼，實現(xiàn)了真正的自主可控，他能支持華為及合作廠商的多種智能終端設(shè)備，包括手機、平板、智慧屏等等。
運行環(huán)境要求
針對開發(fā) HarmonyOS 應(yīng)用及元服務(wù)，華為基于 IntelliJ IDEA Community 開源版本打造了一個集成開發(fā)環(huán)境（IDE）——DevEco Studio，能將開發(fā)的應(yīng)用和服務(wù)同時運行在 HarmonyOS 和 OpenHarmony 系統(tǒng)上，為保證 DevEco Studio 正常運行，建議您的電腦配置滿足如下要求：
- 操作系統(tǒng)：Windows10 64 位，內(nèi)部版號大于 18363
- 內(nèi)存：8GB 及以上
- 硬盤：100GB 及以上
- 分辨率：1280*800 像素及以上
- 其他： 開啟了 Hyper-V 虛擬化
DevEco Studio
下載
進入 huawei 開發(fā)者平臺下載，最好找 5.0 以上又不是最新版本就行。還有 DevEco Studio 支持 Windows 和 macOS 系統(tǒng)，但我本人用的是 Windows，所以就以 win 系統(tǒng)演示。
安裝
下載完成后，雙擊下載的 “deveco-studio-xxxx.exe”，進入 DevEco Studio 安裝向?qū)?。因?DevEco Studio 提供開箱即用的開發(fā)體驗，將 HarmonyOS SDK、Node.js、Hvigor、OHPM、模擬器平臺等進行合一打包，幾乎無需額外下載配置就能馬上跑項目，但是要運行模擬器需要一點配置，比如 Windows 版本要大于 18363。
模擬器設(shè)置
DevEco Studio 提供預(yù)覽、模擬器、真機三種方式查看項目的運行效果，但是給予的測試權(quán)限不一。最高的真機，目前需要搭載了鴻蒙 Next 的手機才行，且鴻蒙無法自己升級到 Next，所以折中的方法就是用模擬器。官方現(xiàn)在要求使用模擬器需申請，而且本地電腦開始了虛擬化技術(shù) Hyper-V。
項目運行
DevEco Studio 安裝完成后，可以通過運行 Hello World 工程來驗證環(huán)境設(shè)置是否正確。接下來以創(chuàng)建一個支持 Phone 設(shè)備的工程為例進行介紹。
項目結(jié)構(gòu)
可能當(dāng)時為了適應(yīng)主流開發(fā)語言，加上自己新出的 ArkTS 有三種工程類型可供選擇，而我就是為 ArkTS 而來，所以以下和后面要做的應(yīng)用也都是 ArkTS。
- ArkTS 工程目錄結(jié)構(gòu)（Stage 模型）
- C++ 工程目錄結(jié)構(gòu)（Stage 模型）
- JS 工程目錄結(jié)構(gòu)（FA 模型）
項目創(chuàng)建后，結(jié)構(gòu)就是上圖，而關(guān)于每個目錄或文件的用法，就要去官方文檔查看 “工程目錄結(jié)構(gòu)”，這里就略過進入到簡單例子的演示。
第一個 Hello World
創(chuàng)建頁面
在 “Project” 窗口，點擊 “entry > src > main > ets > pages”，打開 “Index.ets” 文件，進行頁面的編寫。
// Index.ets
@Entry
@Component
struct Index {
@State message: string = 'Hello World'
build() {
Row() {
Column() {
Text(this.message)
.fontSize(50)
.fontWeight(FontWeight.Bold)
}
.width('100%')
}
.height('100%')
}
}
預(yù)覽效果
在編輯窗口右上角的側(cè)邊工具欄，點擊 Previewer，打開預(yù)覽器。
寫在后面
如果你有應(yīng)用端相關(guān)的開發(fā)經(jīng)驗，上手鴻蒙應(yīng)用還是比較容易的。而如果你像我一樣是做后端的，或很少接觸前端，那也可以跟著我一起代碼實戰(zhàn)，簡單實現(xiàn)一個鴻蒙 Next 的電子木魚和電子煙花秀，文章待更新～
