uni-app框架介绍及环境配置

什么是uni-app？可以用来做什么？

uni,读作youni,统一的意思。DCloud（数字天堂（北京）网络技术有限公司）基于Vue.js开发的前端应用框架，开发者写一套代码，就能发布到iOS. Android、 H5、以及 各种小程序平台。

 

uni-app由来

2012年，DCloud开始研发小程序技术，优化webview的功能和性能，并加入W3C和HTML5中国产业联盟，推出了HBuilder开发工具，为后续产业化做准备

2015年，DCloud正式商用了自己的小程序，产品名为“流应用”，它不是`B/S`模式的轻应用，而是能接近原生功能、性能的动态App，并且即点即用。为将该技术发扬光大，DCloud将技术标准捐献给工信部旗下的HTML5中国产业联盟，并推进各家流量巨头接入该标准，开展小程序业务。

360手机助手率先接入

大众点评、携程、京东、有道词典、唯品会

2015年9月，DCloud推进微信团队开展小程序业务，演示了流应用的秒开应用、扫码获取应用、分享链接获取应用等众多场景案例，以及分享了webview体验优化的经验。

2016年微信初决定上线小程序业务，但其没有接入联盟标准，而是订制了自己的标准。

DCloud持续在业内普及小程序理念，推进各大流量巨头，包括手机厂商，陆续上线类似小程序/快应用等业务。

部分公司接入了联盟标准，更多公司因利益纷争严重，标准难以统一。

造成混乱的局面非DCloud所愿，他们决定开发一个免费开源的框架。

既然各巨头无法在标准上达成一致，那么就通过这个框架为开发者抹平各平台差异。

所以uni-app诞生了。

uni-app开发环境配置

既然要开发就需要工具，所以我们使用HubildX。

 如何安装

官网下载：https://www.dcloud.io/hbuilderx.html 选择APP开发版

解压后即可使用

为什么选择uni-app来开发？它的优点是什么？

①兼容性好

Uni-app最大的特点就是一套代码编译以后多端通用，开发人员不需要在每个平台都单独开发一套代码就可以同时生成安卓、iOS、H5、百度小程序等等。节省了大量的成本。

②学习成本低

由于uni-app基于vue.js开发，因此对于前端开发工程师不会十分困难，学习uni-app的门槛也相应降低。尤其是封装的插件与微信端小程序相同。

③开发速度快

由于uni-app是用HBX进行开发，所以支持vue的语法。同时HBX的开发和编译速度都很快，这也是很多人选择uni-app的理由之一。

④拓展性强

Uni-app支持nvue，封装了H5+。同时，还支持原生的iOS和安卓开发。因此将原有的H5和移动端APP转移到uni-app上面十分方便。

⑤开发团队支持多

目前uni-app的开发团队DCloud发布新版本的频率比较频繁。新特性多，因此对于开发者也是有积极意义的。

 缺点

①新平台问题多

虽然uni-app的有点很多，但毕竟是一个推出时间不多的的产品，因此在开发时难免会遇到一些问题。如果想要一个更稳定、坑更少的开发环境，建议选择其他平台。

②技术支持

如果在开发过程中遇到了问题，可能无法及时得到官方技术团队的回复。但是uni-app可以在QQ群或者微信群中相互交流。

 

谢谢大家