天天看點

uni-app總體介紹

uni-app

是一個使用

Vue.js

開發跨平台應用的前端架構,開發者編寫一套代碼,可編譯到iOS、Android、H5、小程式等多個平台。

快速體驗

一套代碼編到7個平台,難以置信嗎?依次掃描7個二維碼,親自體驗最全面的跨平台效果!

uni-app總體介紹

注: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總體介紹

一套代碼,運作到多個平台

uni-app

實作了一套代碼,同時運作到多個平台;如下圖所示,一套代碼,同時運作到iOS模拟器、Android模拟器、H5、微信開發者工具、支付寶小程式Studio、百度開發者工具、位元組跳動開發者工具(底部7個終端頁籤代表7個終端模拟器):

uni-app總體介紹

實際運作效果如下:

uni-app總體介紹