移动端开发:开源的hybird移动app框架分析

发布时间:2020-07-17 阅读量:51人次 来源:优匠科技(www.hshkj.com.cn)
很多移动端开发者喜欢使用原生代码开发,但这种方式并不是一个银弹,在需要快速以及低成本开发的时候HybridApp(混合应用)就体现了它的优势。


HTML5移动UI框架(例如Ionic)让你创建垮平台HybridApp与NativeAPP相似的效果,而使用的则是


HTM5,CSSandJavaScript。如果你已经是一个web开发者了那么选择hybird将是一个较好的开发方式。而且只需要编写一套代码就可以在多个平台中使用。通过Cordova(PhoneGap)提供的javascriptAPI可以访问到照相机或传感器这类硬件设备。最后再编译成原生安装包发到各应用商店。


目前市面上有需要移动端的UI框架可供选择,接下来将介绍几款其中的佼佼者。


Ionic


在近几年,ionic成为了HybridApp开发框架中的领军者,并且ionic的开发小组继续更新,并保持领先优势。ionic一直保持免费和开源,而且它还拥有庞大的生态系统,可以在社区中找到大量的资源。


ionic添加了对android材料设计的支持,同时ionic也包括了angular。像其他流行的HybridApp框架一样,ionic也可以利用cordova来实现对原生硬件的调用。

ionic框架具有可维护性和可扩展性,使用了简单清晰的标记,大量移动端特殊优化的css(Sass),HTML5andJavaScript组件。


优点:


1.基于Angularjs

2.预置的类原生组件

3.强大的社区


缺点:


1.需要了解Angularjs

2.插件更新较慢

3.动画性能较弱


OnsenUI


OnsenUI是相对较新的框架,但是却给Ionic带来了冲击。Onsen采用Apachelicense开源协。OnsenUI有通过angular的指令实现了大量的组件也提供基于jQuery的组件。两个框架很类似但是还是存在一些不同:


与ionic相比


1.两个框架都依赖与angular指令,但OnsenUI支持jQuery。

2.两个框架都支持Android4+,iOS6+,OnsenUI支持FirefoxOS和桌面浏览器。但ionic没有官方的桌面浏览器支持,但还是可以用。

3.都支持分屏显示技术

4.都是扁平是风格,但个人觉得Ionic更好看点。

5.ionic支持SASS而OnsenUI则是基于TopcoatCsslibrary。

6.OnsenUI文档较好,但ionic的社区较活跃。

7.OnsenUI有一个自己的IDEcalledMonacaIDE.


jQueryMobile


jQuery依然在游戏领域与其他移动端框架抗衡。jQueryMobile建立在jQuery和jQueryUI的基础上。允许开发者创建webapp获得与平板、pc上无差别的用户体验。因此它无法提供类似移动端原生控件外观和体验的app.


MobileAngularUI


这是为bootstrap和angular的粉丝而准备的。通过MobileAngularUI,可以通过bootstrap3和Angular构建移动应用。

MobileAngularUI提供指令可以构建移动端UIComponent例如overlays,switches.sidebars,scrollable.


结论


目前市面上最常用的几款开源的移动端框架,总体上来均不错,但如果是要追求最终app的视觉效果则Ionic与Onsen是较好的选择,它们的UI看上去更像原生控件。如果你是jquery的粉丝,并且不想尝试使用其他的那么可以选择jQueryMobile简单高效。


如果你熟悉angular与bootstarp那么MobileAngularUI则是不错的选择。


————————————

优匠科技深耕在互联⽹技术服务领域多年,拥有几百多家的成功案例与资深的专业技术团队,能够帮助企业解决很多技术上的难题。

如有兴趣合作或是产品开发需求的朋友,欢迎前来咨询了解!!

填写您的服务需求获取项目报价。

*请认真填写需求信息,我们会在24小时内与您联系。

© Copyright 2017- 广州优匠科技有限公司 粤ICP备18032239号

与我们取得联系
展开