QQ空间应用开发笔记
好吧,花费了一个月没有周末的日子,熬了N个通宵,一个小产品总算完工了。。。
说说自己当初的想法吧,每个人都有一个创业梦想,QQ空间应用中最近的十幅图、十幅囧图、十幅搞笑图什么的相信大家也都看到过或者玩过,最近特别火爆,所以勾起了我开发QQ空间应用的兴趣。一个周末开始,朋友三个便开始着手开发第一个应用,大家讨论做个票房轻应用,于是就定下名来“本周票房”,寓意就是每周给那些爱看电影的小伙伴们提供一些最新的票房信息。
我和另一个负责前端,另一个负责PHP后台这块儿。第一个周末便通宵了两个晚上才出了个雏形,开始以为前端这块很简单,但后来就发现不是这么一回事,要考虑前端性能,组件可扩展性,与后端的对接,还包括UI界面设计等等……
第一版提交QQ应用空间后,第二天第一次被告知审核不通过:没加客服信息,第三天第二次被告知审核不通过:客服信息与开发者信息不对,对于第一次做QQ应用开发的人来说,打击已经够大了,,,终于到了第四天审核通过了,我们便把电影资源开放了出来,结果醒来第二天,应用违规:不能有外链,被封杀了三天。。。
三天中,大家虽然情绪低落,但也给了大家反思的时间,我们对整个程序前端架构和PHP的API开放进行了重新设计,因为第一版上线后,服务器经常性的卡死。(PHP和前端以API的方式请求对服务器压力太大了,一个用户登录后要发出三四十个请求,PHP这块儿处理数据的速度也慢,所以导致进程经常性阻塞,非得重启服务器才行)。
到今天,也快一个月了吧,第二版也总算上线了,对于前端和后台的优化也接近尾声,页面直接由PHP渲染给出,对于服务器的请求瞬间减少不少,也不再出现那种阻塞的情况了。
所以这个地方想给大家的经验就是,在准备开发一个应用或产品之前,一定要把整体的架构规划清楚,避免以后花费时间又重新设计。
最后给自己的应用拉拉票,自卖自夸一下,希望大家伙都能捧捧场,提提意见。
呵呵,UI设计还算美观,交互体验好,性能好,运用最新的html5+css3技术,兼容IE8+以上浏览器。
整个应用力求用最少的图,减少http请求,所有的都尽量用css来实现,包括css3icon,圆角,阴影,动画。采用模块化开发,包括js和css。涉及到的技术有localstorage,js交互组件,预加载,还用到单体,工厂等设计模式,响应式布局,QQ空间API。对技术尤其是前端同学,都可以观摩下,欢迎提出意见及bug。期待与您交流。地址为http://rc.qzone.qq.com/1101080756?f=blog