uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台。

即使不跨端,uni-app同时也是更好的小程序开发框架。详见评测

DCloud公司拥有340万开发者用户,旗下uni-app有5万+案例、600+插件、50+微信/qq群、更高的百度指数,可以放心选择。

快速体验

一套代码编到8个平台,这不是梦想。眼见为实,扫描8个二维码,亲自体验最全面的跨平台效果!

什么是 uni-app - 图1 Android版

什么是 uni-app - 图2 iOS版

什么是 uni-app - 图3 H5版

什么是 uni-app - 图4 微信小程序版

什么是 uni-app - 图5 支付宝小程序版

什么是 uni-app - 图6 百度小程序版

什么是 uni-app - 图7 头条小程序版

什么是 uni-app - 图8 QQ小程序版

注:Appstore、百度、头条平台不能提交简单demo,故补充了一些其他功能。

uni-app视频介绍

我们精心准备了一个简单的十分钟介绍视频,方便你快速了解uni-app的主要特征:

为什么要选择uni-app?

uni-app在开发者数量、案例、跨端抹平度、扩展灵活性、性能体验、周边生态、学习成本、开发成本等8大关键指标上拥有更强的优势。

什么是 uni-app - 图9

开发者/案例数量更多

5万+案例、600+插件、50+微信/qq群、更高的百度指数

跨端完善度更高,真正落地的提高生产力

什么是 uni-app - 图10

平台能力不受限

在跨端的同时,通过条件编译+平台特有API调用,可以优雅的为某平台写个性化代码,调用专有能力而不影响其他平台。

支持原生代码混写和原生sdk集成。

什么是 uni-app - 图11

性能体验优秀

体验更好的Hybrid框架,加载新页面速度更快。

App端支持weex原生渲染,可支撑更流畅的用户体验。

小程序端的性能优于市场其他框架。评测

什么是 uni-app - 图12

周边生态丰富

丰富的插件市场,各种轮子拿来即用。

支持NPM、支持小程序组件和SDK、兼容mpvue组件和项目、兼容weex组件。

微信生态的各种sdk可直接用于跨平台App。

什么是 uni-app - 图13

学习成本低

基于通用的前端技术栈,采用vue语法+微信小程序api,无额外学习成本。

什么是 uni-app - 图14

开发成本低

不止开发成本,招聘、管理、测试各方面成本都大幅下降。

HBuilderX是高效开发神器,熟练掌握后研发效率至少翻倍(即便只开发一个平台)。

功能框架

从下面uni-app功能框架图可看出,uni-app在跨平台的过程中,不牺牲平台特色,可优雅的调用平台专有能力,真正做到海纳百川、各取所长。

什么是 uni-app - 图15

一套代码,运行到多个平台

uni-app实现了一套代码,同时运行到多个平台;如下图所示,一套代码,同时运行到iOS模拟器、Android模拟器、H5、微信开发者工具、支付宝小程序Studio、百度开发者工具、字节跳动开发者工具、QQ开发者工具(底部8个终端选项卡代表8个终端模拟器):

什么是 uni-app - 图16

实际运行效果如下(点击图片可放大):

什么是 uni-app - 图17


发现错误?想参与编辑?在 GitHub 上编辑此页面!