[Ionic 初心者筆記] 官方教學 - Ch 1 關於 Ionic

本文章參考 Ionic 官方教學，希望讓初學者對於如何用 Ionic Framework 開發跨平台的 HTML5 mobile apps 有初步的概念。


Chapter 1: All About Ionic
Chapter 2: Installation
Chapter 3: Starting your app
Chapter 4: Testing your app
Chapter 5: Building out your app
Chapter 6: Publishing your app

Chapter 1: All About Ionic
Ionic 是一個以建立 hybrid mobile apps 為目標的 HTML5 mobile app 開發框架。現在一般實務在製作 Mobile App （扣除 Mobile Web App）粗略可以分為兩種模式：使用 Native 方式針對不同平台撰寫 App(如：針對Android 平台需使用 Java，針對 iOS 平台需使用 Swift、Objective-C等)，同常 Native 方式效能較佳且可以對於硬體有更好的掌握，但缺點是開發週期較長。另外一種常見的開發方式就是使用 HTML5/CSS3/JS 所開發的 hybrid mobile apps，實際上就是跑在瀏覽器內核上可以操控硬體的小網站，透過打包（使用 Cordova 之類的工具）也可以上架到市集給使用者下載，優勢是跨平台、開發速度快、可以使用許多第三方的程式碼，但缺點是效能比起 Native 還是有些差距，不過目前隨著瀏覽器的技術演進已經有越來越小的趨勢，而 Ionic 框架誕生就是對於 Web 最終將統一世界信仰的一種實踐。至於究竟選擇何種方式開發方式端看開發需求和現有團隊狀況而定，有時候新創團隊（startup）因為需要快速製作出產品原型測試市場或是開發人力有限，此時 hybrid mobile apps 就是個不錯的選擇。反之若是對於使用者體驗和硬體操作有特別的要求就可以選擇開發 Native App 。

不過特別注意的是不同於現有的 Mobile Web 框架（如：jQuery Mobile）或是 Responsive Web Design 的設計，Ionic 並非運行在一般瀏覽器上的網站，而是透過運行在更底層的瀏覽器內核（如：iOS 的UIWebView 或者 Android 的 WebView中）並透過 Cordova/PhoneGap 打包來控制底層的硬體。此外，Ionic 為了能打造如同 Native 般的使用體驗，所以 Ionic 內建了許多類似於 Native 般體驗的元件。

Ionic 應用開發使用的是 HTML、Javascript 和 CSS（也可以使用 Sass），並結合 AngularJS 來實現其中的許多核心功能，若你本身對於 Web 前端技術並不陌生，那運用 Ionic 開發跨平台的 Mobile App 對你來說並不是件難事，下一篇就讓我們從安裝 Ionic 開始吧！


參考文件：
1. The Ionic Book
2. ionic book 簡中