用Ionic开发hybrid APP

使用phonegap开发APP的优劣在此不必细说,快速,简单,跨平台,以及随着iOS,Android本身对webview优化所带来的不错的性能,便是其独有的优势。而且私以为在目前激烈而又变化快速的移动APP市场环境下,用phonegap来开发APP未尝不是一种低成本mvp的方案,快速发布,成王败寇^-^

为什么选用ionic

其中ionicframework便是phonegap开发hybrid APP技术中的一员新秀,甚至可以说是一员虎将,而且免费且开源。

Ionic的优势非常显著:

  • 性能优异
  • 基于红的发紫AngularJs
  • 漂亮的UI
  • 强大的命令行(基于更热门的nodejs)
  • 开发团队非常活跃,
  • 相关配套非常齐全:
    • 相对充足的学习资料,Learn Iconic,The Iconic book
    • ngcordova,将主流的Cordova API或者Cordova插件封装为AngularJS扩展,使用非常方便。
    • 开源免费的webfont icon库ionicons,基本满足你icon需求。
    • 甚至最近开发出的可视化开发工具Ionic Creator
  • 最后便是至关重要的,异常活跃的在线社区。

安装使用

官网的使用教程完全足够。

  • $ npm install -g cordova ionic
  • $ ionic start myApp tabs
  • $ cd myApp
  • $ ionic platform add ios
  • $ ionic build ios
  • $ ionic emulate ios

以及私人推荐的电脑浏览器调试命令:$ ionic searve

相关插件扩展推荐

  • SQLite插件,如果你的APP需要持久保存用户数据,强烈推荐你使用SQLite来存储数据(localstorage中数据很容易被系统,或者一些坑爹系统清理软件删除)
  • 键盘插件:$cordovaKeyboard,开发过hybrid APP都知道,使用表单时键盘的弹起/关闭中会引来很多问题,Ionic之前的方案都是js实现,效果实难恭维,上述插件以原生代码的方式来优化这个问题,亲测效果很好,也强烈推荐你使用这个插件。
  • 启动图片(或称闪屏)插件:$cordovaSplashscreen,之所以推荐也必装这个插件的原因是,默认情况下启动图片时间停留较短,如果你的APP在这段时间没有完成数据加载或者视图渲染等(需要查询SQLite数据库,或者更甚者请求服务器)就需要自定义启动图片的关闭,那么就需要安装这个插件,否则就又会在启动时候有屏幕闪动的影响体验的问题。
    • 需要提示的是,安装插件后,在启动图片未关闭时候,默认菊花转在屏幕中间,如果你要自定义,可以更改插件中的原生代码,以iOS为例,将其改到屏幕底部:更改/src/ios/CDVSplashScreen.m_activityView.center = CGPointMake(parentView.bounds.size.width / 2, parentView.bounds.size.height / 2 );这行为:_activityView.center = CGPointMake(parentView.bounds.size.width / 2, parentView.bounds.size.height - 80 );
  • 值得注意的iOS8中的TouchID也可以在hybrid APP中使用了,$cordovaTouchID

上述推荐仅仅是自己在开发Hipo的一点经验之谈,还是建议需得根据自己APP实际情况选用自己需要的插件。

私货夹带^_^Hipo-专注支出预算的记账应用

小刀

Read more posts by this author.

Subscribe to cc log

Get the latest posts delivered right to your inbox.

or subscribe via RSS with Feedly!
comments powered by Disqus