从0到1开发一个基于Ionic2的物流App
初衷
跳槽以后来到了新的公司,新的项目,每天朝九晚五,终于摆脱了以前朝九晚九的加班生活,谁说程序员就必须加班了,感觉自己作息也变得正常了起来。
空余出的大段时间拿来干什么呢?闲不住的小少年就想着自己做个啥,嗯,做个APP吧,毕竟PC已经是上个时代的事情了,人工智能AI、大数据啥的咱也不懂,又作为一只喜欢抢热点的全站攻城狮,就自己动手撸前后台代码搞一个APP吧,没事装在手机里玩儿也可以装装逼嘛是吧。
说干就干,做个啥APP呢?又把我难住了,出师未捷身先死呀,人类的大部分行动都倒在了第一步,不行,必须想出来。嗯,突然想起来前一段时间有朋友找我想做一个煤炭物流APP,说你不是会写代码吗,给我搞一个APP呗,我流着泪在半夜12点回过去消息说,哥,我才下班,你看能行不。现在有时间了呀,煤炭+物流,符合地方特色,就这样定了。
然后就是蒙头撸代码,中间暂时省略10w字,反正一个月以后做完了。不瞎比比了,先上图再说。
首页 煤价 物流 我的二级页面就不做展示了,总之自我感觉还是肥肠的丰满啦(自信脸)。
技术准备
虽然任何开发的第一步都是可行性分析和设计,但是鉴于讲起来太庞杂,也不符合这次分享的主题,就略过了。直接从开发阶段讲起。
万里长征第一步当然是技术选型啦,为了配合这次高大上的APP,使用的技术当然也要高大上,不然怎么显示我的全站水平呢(颜面),毕竟能站着编程的人肯定不一般。
本次前端APP的核心框架是Ionic2(其实已经是Ionic3.5了,统一起见还是称它为Ionic2吧),后端的核心框架是Spring Boot。都是基于我现在的技术栈,在不超出自己控制能力的前提下选择了当前最优秀的框架,用之可以大大提高生产力。哈哈,不吹了,总之目前我的感觉就是选的漂亮,谁用谁知道。
工具准备
- 前端框架:Ionic2
- 后端框架:Spring Boot
- 开发工具:Idea
- 前端调试工具:Chrome
- 代码仓库:Github
为啥要特意说一下开发工具呢,low不low啊,又不是小学生。因为Idea相对于eclipse来说实在是好用了无数倍啊(捂脸哭),如果还没体验过的墙裂介意无论是前端还是后端都试一下,简直就是开发的救星。
同时,即便是一个人开发也推荐用Github,因为实在是太方便了,随时随地,修改提交你的代码。如果是多人协作,那就更应该用Github了,因为谁也不想把代码用QQ传来传去对吧?
开发阶段分解
因为本专题重点想讲的是基于Ionic2的APP开发,所以就以前端为核心去分解,后端如有必要,后面再补充。
1. Ionic2实战-项目初始化;
2. Ionic2实战-框架和模块目录结构说明和设计;
3. Ionic2实战-Android版打包;
4. Ionic2实战-iOS版打包;
5. Ionic2实战-网页版编译部署;
6. Ionic2实战-功能模块开发基本说明;
7. Ionic2实战-Icon图片和Splash开屏图片自定义;
8. Ionic2实战-Tab菜单栏自定义;
9. Ionic2实战-Cordova插件安装;
10. Ionic2实战-第三方类库依赖添加;
11. Ionic2实战-框架样式自定义;
12. Ionic2实战-Http请求模块设计;
13. Ionic2实战-跨域问题处理;
14. Ionic2实战-路由导航功能说明;
15. Ionic2实战-如何使用阿里字体图标库;
16. Ionic2实战-APP应用内升级模块开发;
17. Ionic2实战-图片点击缩放功能开发;
18. Ionic2实战-时间转换库moment的使用;
19. Ionic2实战-第三方页面嵌入功能开发;
20. Ionic2实战-微信分享功能开发;
21. Ionic2实战-图片上传功能开发;
22. Ionic2实战-拍照功能开发;
23. Ionic2实战-注册登录模块开发;
24. Ionic2实战-首页模块开发;
25. Ionic2实战-煤价模块开发;
26. Ionic2实战-物流模块开发;
27. Ionic2实战-个人中心模块开发;
28. Ionic2实战-APP如何在Android应用商店上架发布;
29. Ionic2实战-APP如何在App Store上架发布;
30. Ionic2实战-APP如何生成推广链接进行多渠道推广;
最后说点
以上过程包含了Ionic2APP从开始的项目创建到基础功能搭建,到业务功能开发,再到打包和发布,还有如何推广,包含了一个商业APP应用的整个生命周期,一些新手坑我会重点写出来提醒大家,因为自己作为新手也踩的很蛋疼。
以上每一点都会写一篇文章来详细说明,过程中如果想到其他重要的功能就补充进去。另外上面都是APP的技术框架模块的说明,可能不够完全,想到什么会再继续补充。
如果你有什么关于Ionic2或者Spring Boot想交流的也可以留言或者私信再或者微信联系我,欢迎欢迎。
前端项目开源地址
项目的完整代码在我的GitHub上,如感兴趣可以下载查看:
https://github.com/aapple/sm-coal-app
后端项目开源地址
应广大同学的强烈要求,支撑该APP后端的Spring-Boot项目也开放出来了,可以自由下载学习:
https://github.com/aapple/coalapp