Skip to content

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

移动端开发:开源的hybird移动app框架分析
厦门商城系统开发
很多移动端开发者喜欢使用原生代码开发,但这种方式并不是一个银弹,在需要快速以及低成本开发的时候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则是不错的选择。

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

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

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

    码刀科技(www.lekshop.cn)是国内知名企业级电商平台提供商,为企业级商家提供最佳的电商平台搭建(多种模式电商平台搭建:B2B/B2B2C/B2C/O2O/新零售/跨境等)、平台管理系统开发及互联网采购解决方案服务, 联系客服了解更多.

    电子商务网站建设的重要性和好处