現在我們可以在瀏覽器上看到自己的APP了，但是在瀏覽器上的APP說到底還只是一個單頁應用，最有成就感的應該是我們自己做的APP在真正的手機上跑起來，right?
那麼，就讓我們繼續吧。
如何將我們的單頁應用變成APP安裝到真機上？
一）Android
配置android開發環境
- 安裝ant。Apache Ant下載地址 最後不要忘記配置環境變量。
- 安裝Java JDK 。因爲android底層是採用java語言編譯，因此需要在你的電腦配置java環境。JDK下載地址 下載安裝完成之後不要忘記配置環境變量。
- 安裝Android SDK。兩種方法：
1）下載Android Studio 然後在Android studio裏面通過SDK Manager安裝所有你需要的版本的SDK 。（tips:做好睡一覺之後再來看有沒有下載完的準備）
SDK Manager如下所示：
2）離線下載SDK。你也可以手動下載或者copy這些文件到你的電腦。友情提示：可以到網上搜百度雲或者其他資源，畢竟百度雲或者迅雷速度可能比從SDK Manager的速度要快。
最後，無論你用哪種方式，下載好sdk之後，你的電腦的sdk目錄應該有這些文件：
不要忘記配置android sdk環境變量：
第一步：新建ANDROID_HOME變量，值是你的SDK文件在電腦的位置
第二步：在path變量裏面，將sdk\tools文件和sdk\platform-tools文件添加進去。
如果你完成了上面的工作，接下來就簡單了。
將你的手機通過USB連接到電腦，確認已經開啓了可調試，然後在你的Ionic項目裏面運行：ionic cordova run android
如果一切順利，app會編譯成功之後自動安裝到你的手機上，接着自動打開app。如果沒有找到連接的手機，那麼會自動打開android adk裏自帶的android模擬器。
如果報了什麼錯，不要慌，八成是android環境沒有配置好。
二）iOS
- 首先你要有一臺mac，安裝Node到這臺mac上，運行 npm install -g ionic cordova
- 我猜你的Mac應該已經裝了Xcode了，如果真的沒有，下載安裝Xcode7以上版本。登錄開發者賬號
- 打開你的ionic項目，運行 ionic cordova build ios
- 編譯成功之後，在resources/ios下面找到 ******.xcodeproj文件，使用Xcode打開。
-
配置蘋果開發者證書，看我的這篇博客
你只需要生成證書的時候將那篇文章裏面所有production版本換成develop版本。
開發階段不配置證書也可以，只要你在Xcode登陸了開發者賬號，可以選擇自動生成證書，那麼你就什麼都不要管了。不過最後發佈到APP Store的時候你可能還要回來看我的那篇博客。 -
連接手機，點擊Xcode的運行，自動安裝。