用Ionic開發混合 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
  </ul> </li>
  • 最后便是至關重要的，異常活躍的在線社區。
  </ul>

  安裝使用

  官網的使用教程完全足夠。

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

  以及私人推薦的電腦瀏覽器調試命令：$ ionic searve

  相關插件擴展推薦

  • SQLite插件，如果你的APP需要持久保存用戶數據，強烈推薦你使用SQLite來存儲數據（localstorage中數據很容易被系統，或者一些坑爹系統清理軟件刪除）

    • Hipo所使用的brodysoft的Cordova-SQLitePlugin，以及集成到ionic中的代碼示例。
    • 上述提高的ngcordova所提供的SQLite插件(才發現，兩者背后的都是同樣的Cordova插件，只是集成方式不一樣，那邊推薦后者)
    </ul> </li>
    • 鍵盤插件：$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 );
      </ul> </li>
      • 值得注意的iOS8中的TouchID也可以在hybrid APP中使用了，$cordovaTouchID
      </ul>

      上述推薦僅僅是自己在開發Hipo的一點經驗之談，還是建議需得根據自己APP實際情況選用自己需要的插件。

      
      來自：http://hicc.me/create-amazing-app-with-ionic/