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

從新啓動瀏覽器就行了。