AngularJS 之iOS 移动 APP 混合开发（原生+JS）

• Ionic 简介

  • Ionic框架是什么

  Ionic 是目前最有潜力的一款 HTML5
  手机应用开发框架。通过 SASS 构建应用程序，它 提供了很多 UI 组件来帮助开发者开发强大的应用。 它使用 JavaScript MVVM 框架和 AngularJS 来增强应用。提供数据的双向绑定，使用它成为 Web 和移动开发者的共同选 择。

  • Ionic框架的构成部分
  • Ionic的优点

  Ionic为性能而生-追求性能：

  在html5移动app开发中,速度是很重要的。Ionic在最新的移动设备中表现非常卓越，运行非常流畅。 操作最少的 DOM，非 jQuery，和硬件加速过渡，让您感觉到用html5开发的app也可以飞起来
  

  Ionic完美的融合下一代移动框架 AngularJS- AngularJS移动端解决方案

  Ionic让你看不出混合应用和原生的区别-专注原生

  一个强大的命令行

  利用Ionic只需要一个命令就可以创建，构建，测试，部署你的应用程序在任何平台上。有令人惊叹的功能，只需要npm install -g ionic 就可以创建您的应用。
  

  中文参考：http://www.ionic.wang/

• Cordova 简介

  • Cordova是什么

  是可以将我们用HTML、CSS和Javascript写的界面运行在各种平台的一个平台而已。

  • Cordova的plugins

  它有很多大概1108个插件，可以很方便的支持我们的使用。

  这里可以找到ionic中为我们封装好的各种常用的Cordova插件
  http://ngcordova.com/docs/plugins/actionSheet/

  • Cordova的优点

  使用简单，快捷

  参考：http://cordova.apache.org/

• 开发环境的搭

  • 安装Ionic

  首先您需要安装 Node.js. 其次, 安装最新版本的cordova 和 ionic command-line tools.

  ios官方安装文档

  http://cordova.apache.org/docs/en/3.3.0/guide_platforms_ios_index.md.html#iOS Platform Guide

  $ npm install -g cordova ionic
  

  通过ionic创建一个项目

  使用Ionic官方提供的现成的应用程序模板，或一个空白的项目创建一个Ionic应用。

  $ ionic start myApp tabs
  

  • 创建app测试是否安装成功

可能遇到的问题

mac下谷歌浏览器的跨域问题解决

通过命令行启动chrome：

open -a "Google Chrome" --args --disable-web-security

重新启动浏览器就好了。