經過幾天的鑽研，終於把Ionic的一份demo成功打包成apk，心裏還是有點小激動。寫篇文章分享一下。
1.Ionic是什麼？Ionic的生態系統基於Angular和Cordova，前者是web應用框架，後者是構建和打包原生應用的工具。Ionic是將HTML,CSS,JS,Angular，Cordova等技術進行整合，成爲一個非常強大的移動端應用開發平臺。
2.如何搭建環境？
如果你現在要使用Ionic來架構應用，你應用要有以下幾個步驟。
1>安裝node.js。可以訪問[nodejs官網](http://nodejs.org)下載對應平臺的安裝包。如果你已經安裝了node，請把它升級爲最新版本。安裝完成後，可以在OS X的終端後者windows的命令提示符中運行下面的代碼來驗證是否安裝成功。
$ node -v
如果出現版本號說明安裝成功。(忽略$符號，以下同理)
2>安裝Ionic和Cordova。使用一條命令就能安裝Ionic和Cordova。執行之前請確保你已經安裝了git：
$ npm install -g cordova ionic
這條命令需要一點時間，請耐心等待。安裝完成後，運行下面的命令來確認已經安裝成功：
$ cordova -v
$ ionic -v
同樣，這裏出現版本號說明安裝成功。注意：這裏需要配置node的環境變量，如果你不清楚環境變量如何配置，百度一下啦！
3.是時候創建一個應用了。
Ionic提供了一個簡單的start命令，幾秒就可以創建一個新項目，在你想要創建項目的文件夾下運行如下代碼就可以輕鬆創建：
$ ionic start demo
$ cd demo
程序可能會問你是否創建一個Ionic賬戶，暫時可以無視它。ok創建成功後，你可以在你的文件下面看到demo文件夾，進入文件夾，你可以看到一串目錄。這是Ionic的默認模板。
重點介紹以下www目錄，這裏進去我們可以看到css，js，lib，image，index，template等文件或者文件夾，這裏前端人士應該很熟悉啦，這裏就是你這個應用所有的前端代碼，在這裏面編寫你的代碼吧！
Ionic有個很牛叉的地方，當你輸入如下代碼後，你可以在瀏覽器中預覽應用，當你在編寫代碼的時候，只需要保存，頁面就好自動刷新，而不需要你手動刷新頁面，這個angular又更進一步啦！很神奇有木有...
$ ionic serve
執行的時候會提醒你選擇地址，多數情況下選擇localhost即可。程序會自動打開電腦中的默認瀏覽器並訪問8100端口。你也可以直接在瀏覽器中輸入localhost:8100。這裏建議使用Chrome或者Safari。IOS的WebView使用的是Safari，Android使用的是Android瀏覽器（跟Chrome的相似度極高）。所以很明顯看到用這兩個瀏覽器模擬的好處，嘿嘿！
4.如何編譯併發布應用？當你已經順利完成你的應用代碼部分的時候，你現在所需要的就是將你的應用打包並且發佈了。
第一步：創建一個獨一無二的圖標。圖標的設計無非有以下幾點：簡單，讓人印象深刻，不受尺寸限制，顏色不要太複雜。創建好你的圖標之後，請以png/psd/AI格式保存在resource/android/icon.png和resource/android/icon.png。然後使用如下命令，就可以生成不同尺寸的圖標：
$ ionic resources -icon
第二步：創建啓動頁面圖片。啓動畫面的源文件至少需要2208px×2208px，創建完成後，保存爲
resource/android/splash.png和resource/android/splash.png。
然後使用如下命令就可以生成不同尺寸的啓動畫面圖片：
--
第三步：編譯Android應用（這裏以安卓應用爲例）。
1>配置應用的簽名。使用如下命令來配置你的簽名（keystore）：
$ keytool -genkey -v -keystore know_your_brew.keystore -alias know_your_brew -keyalg RSA -keysize 2048 -validity 10000
注意：請使用你應用的名字來替代know_your_brew.這個命令可以生成一個新文件，在本示例中爲know_your_brew.keystore。
在應用的整個生命週期中將重複使用同一個keystore，請保存好它。
2>使用Cordova編譯應用。使用build命令編譯一個應用的發佈版本：
--
這個命令會生成一個新的apk文件。此時還未簽名。
3>簽名應用文件。現在我們要用之前創建的keystore文件來簽名生成的未簽名版本的應用。使用如下命令來簽名：
$ jarsigner -verbose -sigalg SHALwithRSA -digestalg SHAL -keystore know_your_brew.keystore unsigned_name.apk know_your_brew
注意：這裏請使用keystore生成文件名來替換know_your_brew示例名稱，同時用真實的應用文件名替換掉unsigned_name.apk。
這個過程需要一點時間，期間會提示輸入keystore的密碼。命令會修改apk文件並對其進行簽名。
5.好了，你的apk已經生成，將它發到你的手機上就可以下載安裝了，如果要將它發佈到應用商店，那就去應用商店註冊開發者賬戶吧！這裏就不再講述了。
總結，成功的使用Ionic創建了一個移動應用，成就感滿滿的！作爲一個前端工程師，以前都沒想過前端也能做移動應用，現在實現起來才深深的體會到前端的曼妙。期待不久的將來，能製作一款Ionic app上線，讓那羣搞安卓的驚掉下巴！同時，這幾天也遇到了很多問題，發現了很多自身需要提高的地方，在以後的工作中，還是不能掉以輕心，要持續學習前沿知識，擴充自己！提高自己！
