1. uni-app推出背景(当前跨平台开发的主要问题)

  • 多端泛滥
    当前是一个多端泛滥的时代,除了原有的Android、IOS、H5、小程序平台,支付宝、百度、淘宝、今日头条等都陆续发布了自己的小程序和快应用规范,用户被众多平台分散,为了覆盖更多的用户,开发者需要更多的学习、适配和维护成本。
  • 体验不好
    过去的跨平台框架在app上的体验并不好。
  • 生态不丰富
    过去的跨平台框架在周边的生态一直不丰富,开发者很难获取更好更多的SDK。

2. uni-app介绍

uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译到Android、iOS、H5、小程序等多个平台。uni-app在跨端数量、拓展能力、性能体验、周边生态、学习成本、开发成本等6大关键指标上拥有极强的竞争优势,解决了现有跨平台框架存在的问题。
vuejs学习-英文版
vuejs学习-中文版

3. uni-app主要特征

3.1 跨平台更多且不牺牲平台特色

(1)真正做到”一套代码多端发行”:一套代码可发布到Android、IOS、H5、小程序等多个平台,不需要对不同平台的代码进行维护和升级。
(2)平台能力不受限:通过条件编译+平台特有的API调用,可以优雅地在为某平台写个性化代码,调用专有能力而不影响其他平台。

3.2 运行体验更好

(1)组件和api与微信小程序一致:微信小程序中性能极好的Hybird框架,使加载新页面速度更快。
(2)兼容weex原生渲染:App端支持weex原生渲染,可支持更流畅的用户体验。

3.3 通用前端技术栈,学习成本更低

(1)学习成本低:基于通用前端技术栈,采用vue的语法+微信小程序的api
(2)内嵌mpvue开源框架:mpvue项目可直接变成uniapp

阿里云-推广AD

3.4 开发生态,组件更丰富

(1)支持通过npm安装第三方包
(2)支持微信小程序自定义组件及JS SDK
(3)兼容mpvue组件及项目(内嵌mpvue开源框架)
(4)App端支持和原生混合编码
(5)插件丰富,DCloud将发布插件到市场

 

1892430-a70716b6e0c73d8e.png
uni-app特征.png

4. uni-app功能框架

1892430-ce627d78423554ec.png
uni-app功能框架图.png

5.uni-app相关流程:

(1)创建
(2)运行
(3)打包00