🔧 阿川の電商水電行
Shopify 顧問、維護與客製化
💡
小任務 / 單次支援方案
單次處理 Shopify 修正/微調
⭐️
維護方案
每月 Shopify 技術支援 + 小修改 + 諮詢
🚀
專案建置
Shopify 功能導入、培訓 + 分階段交付

uniapp開發的鸿蒙應用上架後,竟然月入4000+

1. 前言

先簡單介紹一下:我是一名前端開發者,全網 ID “前端夢工廠”。我維護的開源專案 uView Pro,一直是輸出跨平台 UI 元件庫的,主要以 uni-app + Vue3 技術為主。

官網:uviewpro.cn

2025 年的尾巴上,發生了一件超級激動的事——我的鸿蒙應用 uViewPro 終於上架了,還收到了華為的第一筆激勵金 5000 元,去除了高額的稅後,到手 4200+!🎉🎉🎉

不得不說,扣稅扣的是真的不少

image.png

image.png

這筆錢雖然不算特別多,但對個人開發者來說,意義非凡!它不僅是對我努力的認可,更證明了跨平台開發這條路真的有價值。

哈哈,開個玩笑,但確實讓我對鸿蒙生態充滿了信心。

2. 緣起

為什麼能拿到激勵金?那必須得聊聊華為的鸿蒙開發者激勵計畫!這也是一個偶然的機會了解到華為為了推廣自己的鸿蒙生態,竟然給廣大的開發者發福利了!

image.png

如果想要了解的可以了解一下:鸿蒙應用開發者激勵計畫 2025

這個計畫是為了鼓勵開發者在鸿蒙生態上發力,推出了一系列激勵措施。我就是因為參加了這個計畫,才有機會拿到這筆獎金。

不過,目前 2025 年個人開發者激勵活動已經結束,2026 年的目前有個天工計畫,獎勵更豐厚,感興趣的可以自行了解一下,要求有點高,我達標不了。

簡單來說,這個計畫針對在 HarmonyOS 5.0 及之後的應用市場正式上架的應用(包括 App、遊戲、元服務和小遊戲),根據應用的活躍情況發放激勵金。

image.png

但我想驗證 uView Pro 在鸿蒙上的可行性。在鸿蒙激勵計畫推出的浪潮中,我想做一個真實的鸿蒙應用試試。於是開啟了 uViewPro 鸿蒙版,驗證跨平台能力,還能幫其他開發者避坑。

我的 uViewPro 作為新應用,在上架後活躍數據不錯,達到了標準,所以拿到了這筆激勵金!這不僅是對成果的肯定,也讓我對 uni-app 的鸿蒙生態更有信心,至少證明了可行性。

3. 關於技術棧與開發

我的理念是:技術棧是一種開發的約定。它可以視為一個應用的基因,而框架會將基因實例化為產品。

所以,開發的好壞取決於技術棧選擇和框架能力。我必然選擇了以下技術棧:

  • uni-app:一次開發多端運行,鸿蒙支持良好
  • Vue3 + TS:現代化開發體驗,鸿蒙打包只支持 Vue3
  • uView Pro:我的開源元件庫,80+ 元件,多主題定製,多語言

目前 uni-app 在鸿蒙仍有進步空間,但我對鸿蒙的未來樂觀。後續我會迭代架構,設計更合理的結構😁

4. 為什麼選擇鸿蒙

具體來說,我選擇鸿蒙開發主要有以下幾個原因:

  • 補齊版圖:作為 uni-app 元件庫,其他主流平台已兼容,鸿蒙是必選的一環。作為 uView Pro 的作者,我需要驗證它在鸿蒙上的表現,確保元件庫的全面性。
  • 驗證能力:確認 uni-app + Vue3 + uView Pro 在鸿蒙的兼容性、性能與體驗。透過真實應用落地,解決跨平台開發中的痛點,如文檔不直觀、示例難落地、多端適配易踩坑。
  • 市場紅利:華為對在 2025 年指定時間段上架的應用發放激勵金,這不僅是對開發者的鼓勵,也是對鸿蒙生態的推廣。
  • 技術成長:學習鸿蒙特性、解決新問題、沉澱跨平台經驗。作為獨立開發者,這能讓我在技術上更進一步。

總之,第一个原因主要還是現在開發鸿蒙有錢拿,其次能提升技術視野和社區影響力,一箭雙雕的事情。

不過,鸿蒙應用上線並不是一帆風順的,或許是因為我報名了開發者拿激勵金的緣故,上線可謂坎坷,駁回整改近 10 次才最終上線成功!幸好沒放棄。

image.png

5. 了解一下 uView Pro

uView Pro 是我長期維護的開源 UI 元件庫,基於 Vue3 + TypeScript,完全重寫,提供了豐富的功能和優秀的使用者體驗。目前 uViewPro 應用已發布 60+ 個版本,活躍數據多次達到激勵標準,證明了其受歡迎程度。

image.png

核心功能亮點

  • 80+ 元件演示:涵蓋基礎、表單、佈局、導航、數據展示、回饋等元件,每個都有交互 Demo、API 文檔和示例代碼。特別是在鸿蒙應用內加入遊戲化任務系統,讓學習更有趣。
  • 20+ 工具庫:包括顏色工具、HTTP 工具、路由工具、規則校驗等實用開發工具,集成在應用中,方便隨時使用。
  • 10+ 業務模板:提供登錄介面、地址管理、個人中心等完整模板,在鸿蒙應用內支持一鍵下載源代碼。
  • 4 個實用場景實踐:待辦事項、我的筆記、數據統計、我的收藏,展示元件在實際應用中的用法。

使用者體驗優勢

  • 多主題系統:內置 5 套主題,支持自定義,3 分鐘生成多種主題,智能推斷和隨機生成工具讓主題定製簡單高效。
  • 暗黑模式:完整支持自動、手動切換,覆蓋元件、示例頁、代碼高亮等,確保一致視覺體驗。
  • 多語言能力:支持全域與元件級配置,響應式切換,持久化偏好,默認包含中文和英文。

image.png

uView Pro 不僅是一個元件庫,更是開發者學習和使用的綜合工具。透過這款應用,我希望幫助更多開發者直觀體驗元件、快速上手、驗證可行性,並提升開發效率。

大家有需要的話,可以關注我的開源專案,一起成長!

如果你想使用 uni-app 也快速開發一款鸿蒙應用,我在這裡可以簡單介紹一下:

方式一:直接克隆

git clone https://github.com/anyup/uView-Pro-Starter.git
cd uView-Pro-Starter

方式二:下載 ZIP
GitHub Releases 下載最新版本

方式三:使用 create-uni 腳手架創建

pnpm create uni <專案名稱> -t uview-pro-starter

安裝依賴

# 使用 pnpm(推薦)
pnpm install

# 或使用 npm
npm install

# 或使用 yarn
yarn install

提示: 為了確保所有依賴版本一致,建議使用 pnpm 並配合 pnpm-lock.yaml 文件

6. 歡迎體驗我的應用

如果你是前端開發者,對跨平台開發感興趣,或是想體驗 uView Pro 的強大能力,那 uViewPro 應用絕對值得體驗!

如果你是純血鸿蒙手機,可以直接打開華為應用市場搜索 "uViewPro" 或 "跨平台UI元件庫"。

或直接:去體驗區域掃碼

有些功能只可在鸿蒙系統上展示!

系統要求: 需要 HarmonyOS 5.0 及以上版本

image.png

如果你也想嘗試跨平台開發,歡迎來我的開源專案看看:

2026,一起加油吧!💪


原文出處:https://juejin.cn/post/7610338991925936162


精選技術文章翻譯,幫助開發者持續吸收新知。

共有 0 則留言


精選技術文章翻譯,幫助開發者持續吸收新知。
🏆 本月排行榜
🥇
站長阿川
📝20  
573
🥈
我愛JS
💬2  
7
評分標準:發文×10 + 留言×3 + 獲讚×5 + 點讚×1 + 瀏覽數÷10
本數據每小時更新一次
🔧 阿川の電商水電行
Shopify 顧問、維護與客製化
💡
小任務 / 單次支援方案
單次處理 Shopify 修正/微調
⭐️
維護方案
每月 Shopify 技術支援 + 小修改 + 諮詢
🚀
專案建置
Shopify 功能導入、培訓 + 分階段交付