uni-app
是一個使用
Vue.js開發跨平台應用的前端架構,開發者編寫一套代碼,可編譯到iOS、Android、H5、小程式等多個平台。
快速體驗
一套代碼編到7個平台,難以置信嗎?依次掃描7個二維碼,親自體驗最全面的跨平台效果!
注:Appstore、百度、頭條平台不能送出簡單demo,故iOS、百度小程式、頭條小程式版補充了一些其他功能。
為什麼要選擇uni-app?
uni-app
在跨端數量、擴充能力、性能體驗、周邊生态、學習成本、開發成本等6大關鍵名額上擁有極強的競争優勢。
跨端數量多
- 一套代碼,可釋出到 IOS、Android、小程式、H5 等多個平台
平台能力不受限
- 在跨端的同時,通過條件編譯+平台特有 API 調用,可以優雅的為某平台寫個性化代碼,調用轉悠能力而不影響其他平台
- 支援原生代碼混寫和原生 sdk 內建
性能體驗優秀
- 體驗更好的 Hybrid 架構,加載新頁面速度更快
- App 端支援 weex 原生渲染 ,可支撐更流暢的使用者體驗
- 小程式端的性能優于市面其他架構
周邊生态豐富
- 支援 NPM 包管理,相容微信小程式自定義元件及 JS SDK ,支援 mpvue 項目及元件
- 相當于微信小程式生态中豐富的三方 sdk 可直接用于跨平台開發
學習成本低
- 基于通用前端技術棧,采用 vue 文法 + 微信小程式 api,無額外學習成本
開發成本低
- 人力成本大幅節省,招聘、管理、研發、測試各方面成本大幅下降
- HBuilderX 是高效開發利器,熟練掌握後研發效率至少翻倍(即便隻開發一個平台)
功能架構
從下面
uni-app
功能架構圖可看出,
uni-app
在跨平台的過程中,不犧牲平台特色,可優雅的調用平台專有能力,真正做到海納百川、各取所長。
一套代碼,運作到多個平台
uni-app
實作了一套代碼,同時運作到多個平台;如下圖所示,一套代碼,同時運作到iOS模拟器、Android模拟器、H5、微信開發者工具、支付寶小程式Studio、百度開發者工具、位元組跳動開發者工具(底部7個終端頁籤代表7個終端模拟器):
實際運作效果如下: