最近，HBuilderX 新版本發布，帶來了令人興奮的消息——uni-app 現在支持 Harmony Next 平臺的 App 開發。這對于開發者來說無疑是一個巨大的福音，意味著使用熟悉的 Vue 3 語法和開發框架，就可以為鴻蒙生態貢獻自己的力量。
前言
作為一名開發者，我之前完成了一個有趣的項目——一個基于 uni-app 的免費觀影 App。經過一番嘗試，這個 App 已經成功編譯到鴻蒙平臺，可以在鴻蒙設備上流暢運行。這不僅為我的學習之路增添了新的成就感，也為想要嘗試鴻蒙應用開發的朋友們提供了一個基于uniapp的鴻蒙學習經典案例。
鴻蒙系統的出現，對于廣大開發者來說是一個全新的挑戰與機遇。使用 uni-app 開發鴻蒙應用，無需從零開始學習鴻蒙的原生開發語言和框架，就可以快速上手，這對于很多非鴻蒙原生開發背景的開發者來說是非常友好的。而對于已經熟悉 uni-app 的開發者來說，開發鴻蒙應用更是如魚得水，效率大幅提升。
編譯成功截圖：
關于源uniapp的免費觀影app介紹：
參見《uni-app 影視類小程序開發從零到一 | 開源項目分享》：https://blog.csdn.net/yyz_1987/article/details/140575597?spm=1001.2014.3001.5502
項目背景
我的免費觀影 App 項目，主要是為了激發學習興趣，讓開發者能夠通過實際操作項目，快速看到自己的成果。項目中采用了 Vue 3 的語法和一些常用的前端技術，如 Vuex 管理狀態，Vue Router 實現頁面跳轉，以及一些第三方庫來提升用戶體驗。通過這個項目，開發者不僅能夠學習 uni-app 的基本用法，還能夠接觸到一些常見的前端開發模式和最佳實踐。
uniapp觀影app項目地址：https://gitee.com/yyz116/imovie
鴻蒙原生版本觀影app項目地址：https://gitee.com/yyz116/hmmovie
此外，這個項目還基于開源的golang影視后臺服務接口進行開發。這個接口提供了豐富的影視資源數據，包括電影、電視劇、動漫等，開發者可以通過簡單的 API 請求獲取到這些數據，并在自己的應用中進行展示和播放。為了方便更多愛好者的學習和使用，我決定將這個接口的源代碼(基于golang+mongoDB)也開源出來。
后臺服務開源地址：https://gitee.com/yyz116/go-imovie
如果不想部署后臺服務，則可以聯系我，暫時使用我部署好的后臺接口服務，但僅限于學習哈，別分享給他人免費看電影。
這個影視后臺服務接口采用了 golang的 go-zero微服務 框架進行開發，使用 MongoDB 來存儲數據。接口提供了一系列 RESTful API，包括獲取電影列表、獲取電視劇列表、獲取動漫列表、獲取影視詳情等，還有其他一些方便練習的接口服務如知乎日報，網易云音樂接口。
通過這個項目，開發者不僅可以學習到如何使用 uni-app 開發鴻蒙應用，還可以學習到如何設計和實現一個簡單的后臺服務接口。這對于想要深入了解全棧開發的開發者來說，是一個非常好的學習機會。
uniapp對鴻蒙的支持
自 HBuilderX 4.27 版本開始，uni-app 支持Harmony Next平臺的App開發。目前僅支持 uniapp的vue3 項目或者uniapp-x的項目編譯到鴻蒙平臺。且只要你的項目中沒有使用特定的針對android或其他平臺的插件，都可以成功的編譯到鴻蒙平臺。
兼容性說明
HBuilderX 4.24+ 開始支持運行到鴻蒙平臺
鴻蒙開發只支持Vue3、不支持Vue2，不支持plus、但支持nvue
nvue編譯到鴻蒙后非原生渲染，而是與web一樣渲染（自動注入一些默認樣式進行兼容）
Vue3也支持選項式代碼風格，參考Vue2升Vue3指南
HBuilderX 4.31+ 構建的鴻蒙運行包不支持 x86_64 平臺，會影響到 Windows 系統和部分 Mac 系統的鴻蒙模擬器無法使用，需使用真機調試
HBuilderX 4.41+ 開始運行到鴻蒙設備時支持修改代碼后熱刷更新
HBuilderX 4.41+ 開始運行到鴻蒙設備時控制臺顯示的應用日志支持回源代碼
HBuilderX 4.43+ 開始支持將 mainfest.json 里面配置的應用版本名稱/應用版本號（versionName/versionCode）應用于鴻蒙平臺，且優先于 harmony-configs/AppScope/app.json5 中的設置
HBuilderX 4.61+ 開始支持 uni-app x 項目，且支持開啟調試功能
HBuilderX 4.61+ 開始支持配置簽名證書，且支持自動申請調試證書
開發環境要求
HBuilderX 4.24+ 下載地址
DevEco Studio 下載地址
HBuilderX 4.24+ 要求 DevEco Studio 5.0.3.400+
HBuilderX 4.31+ 要求 DevEco Studio 5.0.3.800+。
HBuilderX 4.61+ 針對 uni-app x 項目要求 DevEco Studio 5.0.7.100+。
uni-app 項目要求鴻蒙系統版本 API 12 以上，uni-app x 項目要求鴻蒙系統版本 API 14 以上（DevEco Studio有內置鴻蒙模擬器）
如果沒有符合兼容性要求的模擬器，就需要有真機作為運行設備
環境設置
默認情況下，HBuilderX 會在項目內的 unpackage 目錄下游創建鴻蒙工程目錄，用于構建鴻蒙的運行包和發行包：
調試運行的時候默認使用的鴻蒙工程目錄位于 unpackage/dist/dev/app-harmony
發行打包的時候默認使用的鴻蒙工程目錄位于 unpackage/dist/build/app-harmony
在 HBuilderX 中設置 DevEco Studio 的安裝位置：
HBuilderX 依賴于 DevEco Studio 里面帶的鴻蒙工具鏈，所以需要電腦已經安裝了符合版本要求的 DevEco Studio。
打開HBuilderX，點擊上方菜單 - 工具 - 設置，再點擊 運行配置，在鴻蒙運行配置中設置 DevEco Studio 的安裝路徑。
寫在最后
總的來說，uni-app 開發鴻蒙應用是一個非常有趣的過程，不僅可以提升開發效率，真正實現一端多發，開發一次全平臺運行。還可以為鴻蒙生態做出自己的貢獻。我相信，隨著 uni-app 和鴻蒙平臺的不斷發展和完善，未來將會有更多的開發者加入到鴻蒙應用開發的行列中來。如果你也對這個領域感興趣，不妨嘗試一下吧，相信你也會從中獲得很多樂趣和收獲的！
希望我的分享能夠對你有所幫助，如果你有任何問題或建議，歡迎在評論區留言交流。
