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%20Platform%20Guide

  $ npm install -g cordova ionic

  经过ionic建立一个项目

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

  $ ionic start myApp tabs

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

可能遇到的问题

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

经过命令行启动chrome：

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

从新启动浏览器就行了。