uni-app 開放生態

小陳的筆記發表於2022-06-17

uni-app 積極擁抱社群,建立了開放、相容的生態系統。

  • uni-app外掛市場,有數千款外掛,支援前端元件、js sdk、頁面模板、專案模板、原生外掛等多種型別。在生態建設上遠遠領先於競品。
  • 相容 微信小程式 JS SDK 豐富的小程式生態內容可直接引入uni-app,並且在App側通用。以前的跨平臺開發框架普遍缺少三方SDK,由於大量SDK廠商均原廠維護小程式SDK,使得uni-app成為跨平臺開發框架裡生態最豐富的平臺
  • 相容 微信小程式自定義元件 小程式自定義元件是一種ui元件,uni-app裡可以在App、H5、微信小程式、QQ小程式同時相容微信小程式自定義元件
  • 相容 NPM 包管理系統 uni-app完整支援 NPM
  • 相容 mpvue 專案及元件 mpvue同樣基於vue語法,但支援完善度不如uni-app,是uni-app的子集。mpvue的元件可以在uni-app裡直接使用並全端通用。專案程式碼可以快速移植到uni-app
  • 相容 weex 外掛生態 uni-app內建了weex,weex的原生外掛或ui庫均可使用。注意weex的生態不如uni-app豐富,一般情況建議使用uni-app的外掛市場。
  • 相容 普通 web 庫 uni-app的H5端支援所有瀏覽器API。但眾所周知,由於小程式的js不執行在瀏覽器裡,所以小程式裡不支援 HTML 和 DOM 的 API。

uni-app的App端雖然和小程式是相同的架構,邏輯層也執行在獨立jscore而不是瀏覽器裡,但一方面可透過web-view元件載入HTML,引入web相關庫; 另一方面可透過renderjs實現在渲染層執行js,此時完整echart、threejs等web庫均可使用。 (但為了全端使用,仍然建議減少對dom庫的依賴,在uni-app的外掛市場可尋找全端可以的庫來替代)

  • App端支援各種呼叫原生能力的方式
  • 支援 原生混合開發
  • 支援 比小程式能力更多的plus JSAPI
  • 支援 Native.js 直接呼叫原生api
  • 支援 原生外掛擴充套件
  • 支援 雲打包原生外掛。
  • App端支援雙渲染引擎 uni-app邏輯層在獨立jscore,而渲染層可選webview渲染和weex引擎渲染。
  • 使用webview渲染則整個架構與小程式相同,此時頁面字尾為vue檔案。
  • 使用weex引擎(經過改造)渲染,則整個架構與快應用相同,此時頁面字尾為nvue檔案。使用webview渲染時,可以指定由系統webview渲染還是由x5引擎渲染。




來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/70018483/viewspace-2901078/,如需轉載,請註明出處,否則將追究法律責任。

相關文章