初衷
跳槽以后來到了新的公司，新的項目，每天朝九晚五，終于擺脫了以前朝九晚九的加班生活，誰說程序員就必須加班了，感覺自己作息也變得正常了起來。
空余出的大段時間拿來干什么呢？閑不住的小少年就想著自己做個啥，嗯，做個APP吧，畢竟PC已經(jīng)是上個時代的事情了，人工智能AI、大數(shù)據(jù)啥的咱也不懂，又作為一只喜歡搶熱點的全站攻城獅，就自己動手?jǐn)]前后臺代碼搞一個APP吧，沒事裝在手機里玩兒也可以裝裝逼嘛是吧。
說干就干，做個啥APP呢？又把我難住了，出師未捷身先死呀，人類的大部分行動都倒在了第一步，不行，必須想出來。嗯，突然想起來前一段時間有朋友找我想做一個煤炭物流APP，說你不是會寫代碼嗎，給我搞一個APP唄，我流著淚在半夜12點回過去消息說，哥，我才下班，你看能行不?，F(xiàn)在有時間了呀，煤炭+物流，符合地方特色，就這樣定了。
然后就是蒙頭擼代碼，中間暫時省略10w字，反正一個月以后做完了。不瞎比比了，先上圖再說。
二級頁面就不做展示了，總之自我感覺還是肥腸的豐滿啦（自信臉）。
技術(shù)準(zhǔn)備
雖然任何開發(fā)的第一步都是可行性分析和設(shè)計，但是鑒于講起來太龐雜，也不符合這次分享的主題，就略過了。直接從開發(fā)階段講起。
萬里長征第一步當(dāng)然是技術(shù)選型啦，為了配合這次高大上的APP，使用的技術(shù)當(dāng)然也要高大上，不然怎么顯示我的全站水平呢（顏面），畢竟能站著編程的人肯定不一般。
本次前端APP的核心框架是Ionic2（其實已經(jīng)是Ionic3.5了，統(tǒng)一起見還是稱它為Ionic2吧），后端的核心框架是Spring Boot。都是基于我現(xiàn)在的技術(shù)棧，在不超出自己控制能力的前提下選擇了當(dāng)前最優(yōu)秀的框架，用之可以大大提高生產(chǎn)力。哈哈，不吹了，總之目前我的感覺就是選的漂亮，誰用誰知道。
工具準(zhǔn)備
- 前端框架：Ionic2
- 后端框架：Spring Boot
- 開發(fā)工具：Idea
- 前端調(diào)試工具：Chrome
- 代碼倉庫：Github
為啥要特意說一下開發(fā)工具呢，low不low啊，又不是小學(xué)生。因為Idea相對于eclipse來說實在是好用了無數(shù)倍啊（捂臉哭），如果還沒體驗過的墻裂介意無論是前端還是后端都試一下，簡直就是開發(fā)的救星。
同時，即便是一個人開發(fā)也推薦用Github，因為實在是太方便了，隨時隨地，修改提交你的代碼。如果是多人協(xié)作，那就更應(yīng)該用Github了，因為誰也不想把代碼用QQ傳來傳去對吧？
開發(fā)階段分解
因為本專題重點想講的是基于Ionic2的APP開發(fā)，所以就以前端為核心去分解，后端如有必要，后面再補充。
1. Ionic2實戰(zhàn)-項目初始化；
2. Ionic2實戰(zhàn)-框架和模塊目錄結(jié)構(gòu)說明和設(shè)計；
3. Ionic2實戰(zhàn)-Android版打包；
4. Ionic2實戰(zhàn)-iOS版打包；
5. Ionic2實戰(zhàn)-網(wǎng)頁版編譯部署；
6. Ionic2實戰(zhàn)-功能模塊開發(fā)基本說明；
7. Ionic2實戰(zhàn)-Icon圖片和Splash開屏圖片自定義；
8. Ionic2實戰(zhàn)-Tab菜單欄自定義；
9. Ionic2實戰(zhàn)-Cordova插件安裝；
10. Ionic2實戰(zhàn)-第三方類庫依賴添加；
11. Ionic2實戰(zhàn)-框架樣式自定義；
12. Ionic2實戰(zhàn)-Http請求模塊設(shè)計；
13. Ionic2實戰(zhàn)-跨域問題處理；
14. Ionic2實戰(zhàn)-路由導(dǎo)航功能說明；
15. Ionic2實戰(zhàn)-如何使用阿里字體圖標(biāo)庫；
16. Ionic2實戰(zhàn)-APP應(yīng)用內(nèi)升級模塊開發(fā)；
17. Ionic2實戰(zhàn)-圖片點擊縮放功能開發(fā)；
18. Ionic2實戰(zhàn)-時間轉(zhuǎn)換庫moment的使用；
19. Ionic2實戰(zhàn)-第三方頁面嵌入功能開發(fā)；
20. Ionic2實戰(zhàn)-微信分享功能開發(fā)；
21. Ionic2實戰(zhàn)-圖片上傳功能開發(fā)；
22. Ionic2實戰(zhàn)-拍照功能開發(fā)；
23. Ionic2實戰(zhàn)-注冊登錄模塊開發(fā)；
24. Ionic2實戰(zhàn)-首頁模塊開發(fā)；
25. Ionic2實戰(zhàn)-煤價模塊開發(fā)；
26. Ionic2實戰(zhàn)-物流模塊開發(fā)；
27. Ionic2實戰(zhàn)-個人中心模塊開發(fā)；
28. Ionic2實戰(zhàn)-APP如何在Android應(yīng)用商店上架發(fā)布；
29. Ionic2實戰(zhàn)-APP如何在App Store上架發(fā)布；
30. Ionic2實戰(zhàn)-APP如何生成推廣鏈接進行多渠道推廣；
最后說點
以上過程包含了Ionic2APP從開始的項目創(chuàng)建到基礎(chǔ)功能搭建，到業(yè)務(wù)功能開發(fā)，再到打包和發(fā)布，還有如何推廣，包含了一個商業(yè)APP應(yīng)用的整個生命周期，一些新手坑我會重點寫出來提醒大家，因為自己作為新手也踩的很蛋疼。
以上每一點都會寫一篇文章來詳細(xì)說明，過程中如果想到其他重要的功能就補充進去。另外上面都是APP的技術(shù)框架模塊的說明，可能不夠完全，想到什么會再繼續(xù)補充。
如果你有什么關(guān)于Ionic2或者Spring Boot想交流的也可以留言或者私信再或者微信聯(lián)系我，歡迎歡迎。
前端項目開源地址
項目的完整代碼在我的GitHub上，如感興趣可以下載查看：
https://github.com/aapple/sm-coal-app
后端項目開源地址
應(yīng)廣大同學(xué)的強烈要求，支撐該APP后端的Spring-Boot項目也開放出來了，可以自由下載學(xué)習(xí)：
https://github.com/aapple/coalapp
