IT博客汇
  • 首页
  • 精华
  • 技术
  • 设计
  • 资讯
  • 扯淡
  • 权利声明
  • 登录 注册

    用Ionic开发hybrid APP

    神飞发表于 2015-01-16 17:05:20
    love 0

    转载自:用Ionic开发hybrid APP
    原作者:xiaodao
    请尊重版权,转载请注明来源,谢谢~~

    使用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中数据很容易被系统,或者一些坑爹系统清理软件删除) - Hipo所使用的brodysoft的Cordova-SQLitePlugin,以及集成到ionic中的代码示例。
    • 上述提高的ngcordova所提供的SQLite插件(才发现,两者背后的都是同样的Cordova插件,只是集成方式不一样,那边推荐后者)
    • 键盘插件:$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

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



沪ICP备19023445号-2号
友情链接