几款开源的hybird移动app框架分析

• 几款开源的Hybrid移动app框架分析
  • Ionic
  • Onsen UI
    • 与 ionic 相比
  • jQuery Mobile
  • Mobile Angular UI
  • 结论

不少移动开发者喜欢使用原生代码开发，但这种方式并非一个银弹，在须要快速以及低成本开发的时候Hybrid App（混合应用）就体现了它的优点。

HTML5 移动UI框架(例如Ionic)让你建立垮平台Hybrid App与NativeAPP类似的效果，而使用的则是
HTM5, CSS and JavaScript。若是你已是一个web开发者了那么选择hybird将是一个较好的开发方式。并且只须要编写一套代码就能够在多个平台中使用。经过Cordova(PhoneGap)提供的javascriptAPI能够访问到照相机或传感器这类硬件设备。最后再编译成原生安装包发到各应用商店。

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

Ionic

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

ionic添加了对android材料设计的支持，同时ionic也包括了angular。像其余流行的Hybrid App框架同样，ionic也能够利用cordova来实现对原生硬件的调用。

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

优势：

• 基于Angularjs
• 预置的类原生组件
• 强大的社区

** 缺点：**

• 须要了解Angularjs
• 插件更新较慢
• 动画性能较弱

官方网站

Onsen UI

Onsen UI是相对较新的框架，可是却给Ionic带来了冲击。Onsen采用Apache license开源协。Onsen UI 有经过angular的指令实现了大量的组件也提供基于jQuery的组件 。两个框架很相似可是仍是存在一些不一样：

与 ionic 相比

• 两个框架都依赖与angular指令，但Onsen UI支持jQuery。
• 两个框架都支持Android 4+, iOS 6+，Onsen UI 支持Firefox OS和桌面浏览器。但ionic没有官方的桌面浏览器支持，但仍是能够用。
• 都支持分屏显示技术
• 都是扁平是风格，但我的以为Ionic更好看点。
• ionic支持SASS而Onsen UI 则是基于 Topcoat Css library。
• Onsen UI 文档较好，但ionic的社区较活跃。
• Onsen UI 有一个本身的IDE called Monaca IDE.

官方网站

jQuery Mobile

jQuery 依然在游戏领域与其余移动端框架抗衡。jQuery Mobile 创建在jQuery和jQueryUI的基础上。容许开发者建立webapp得到与平板、pc上无差异的用户体验。所以它没法提供相似移动端原生控件外观和体验的app.

官方网站

Mobile Angular UI

这是为bootstrap和angular的粉丝而准备的。 经过 Mobile Angular UI ,能够经过bootstrap3和Angular 构建 移动应用。

Mobile Angular UI 提供指令能够构建移动端UI Component 例如 overlays, switches.sidebars,scrollable .

官方网站

结论

目前市面上最经常使用的几款开源的移动端框架，整体上来均不错，但若是是要追求最终app的视觉效果则Ionic与Onsen是较好的选择，它们的UI看上去更像原生控件。若是你是jquery的粉丝，而且不想尝试使用其余的那么能够选择jQuery Mobile 简单高效。
若是你熟悉angular与bootstarp那么Mobile Angular UI则是不错的选择。

除了开源的框架外还有一些企业级框架这些框架功能强大但须要相应的费用，好比Sencha Touch 与 Kendo UI 。

---

参考连接

[01] http://noeticforce.com/best-hybrid-mobile-app-ui-frameworks-html5-js-css