[Ionic 初心者筆記] 官方教學 - Ch4 測試你的 Ionic Mobile App

本文章參考 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 4: Testing your app
為了確認自己寫的程式是否正確，我們可以利用 (1) 桌面 WebKit 瀏覽器 (2) iOS/Android 模擬器 (3) Mobile Browser (4) 轉成 Native app 等方式來測試自己的程式。以下針對這四種方式做討論：

一、在桌面瀏覽器測試（Desktop browser testing）
這是最簡單的測試方式，在瀏覽器直接看到程式運行結果。下以下指令後可以運行一個 live-reload 的 server，只要更新儲存 HTML/CSS/JS 就會自動更新。

$ ionic serve

二、在模擬器測試（Simulator testing）
根據不同的平台會開啟不同的（iOS 或 Android）模擬器，但若有實機建議以實機測試，更能體現真正的使用情境。

$ ionic build ios

$ ionic emulate ios

三、使用行動瀏覽器測試（Mobile browser testing）
若使用的是 local server ，而手機也使用同一個網路，就可以用手機連上 local server 測試。iOS 可以透過啟用瀏覽器 remote web inspector 的設定（Safari 必須先打開開發者模式）來測試，Android 則可參考這裡。

四、以 Native App 的方式測試（Testing as a native app）
比較建議的方式。不過 iOS 必須先繳交每年 NT99 鎂的開發者費用，才能有憑證推送到實機測試。相對而言 Android 的測試就比較簡單，使用 USB 接上實機後就可以測試，速度也比虛擬機更快。