从0到1:微信小程序自选股项目回忆录

2017-01-11 15:24:22来源:segmentfault作者:腾讯自选股FE团队人点击

导语:我很喜欢小龙的一句话,微信因你而变。是的,把事情做到极致的时候,这个世界就会因你而变。


小程序自选股项目团队在长达五个月的时间里经历了太多不为人知的故事, 不知通宵了多少个夜晚,只为等待小龙宣布1.9号小程序正式发布的到来。说实话小龙如果再不公布发布时间,我们真的要扛不住了。


第一次都给了你

第一次签保密协议的项目。。。
第一次没有明确deadline的项目。。。
第一次被微信开放平台开发二组团队(小程序项目团队)当小白鼠各种实验新特性。。


为什么是自选股

不要问我为什么。。。我也不知道为啥是自选股。。。可能是因为我们的业务太垂直。。。也可能是领导觉得我们前端组太闲了正好有这么个机会出去锻炼一下?鬼才知道。。。反正领导给的任务老娘我一定会认真对待,不给领导、团队丢面子,保证漂亮完成任务!


===========广告时间不要走开,稍后的讲故事内容更精彩==========



================================================


讲故事时间


经历一:web+框架能提供的能力极其有限,没有生命周期管理,没有绘图能力,没有框架约束,而且开发者工具在当时项目启动大会的演示上也报各种bug,太尴尬了。。。
产品翩翩妹子, 前端我,后台凯爷三人小分队秘密来到广州TIT,五天的内测时间,我们要完成自选服务(添加/删除/搜索)+基础行情+行情图(分时图)+个股新闻功能。计划总是想的很美好,前三天我们熟悉开发环境和语法,联调wx.login的鉴权接口(根本调不通啊!), 没有登录态我们怎么继续进行啊! 后来由于项目的严重delay,后台开发凯爷也加入前端代码编写的工作。一个PHP开发,在从来没有经历过异步回调的开发经验情况下,一个晚上的通宵时间把promise机制研究的透透的,我感到无比的佩服!


大家可能会问,你作为前端开发干什么去了?


我。。。MD,微信小程序开发工具连个基本异常报错都没有,各种诡异的问题层出不穷,我当时搭的前端框架都是利用ES5、ES6来编写的, 他们的平台当时不支持高级语法(babel之后也不行), 后来还是被妥协了,我当时杀了他们的想法都有。。。


这还不算什么,最郁闷的是web+当时没有绘图能力!!!!!好吧,公关他们五天内实现绘图能力是当下最要紧的事情,可能是因为我们的诚意与态度感染到他们,8.4号下午负责绘图功能的一名小鲜肉亚轩轩弟通过RTX联系上了我,激情的一夜就从此发生了!
轩弟给了我一个简单地tutorial,我按照他们的最初方案进行分时图代码兼容(自选股有一套自主研发的前端绘图模块,所以如果我们没有这些业务沉淀,也不会有信心用很短的时间做完)





不知不觉天已经亮了, 终于我们在手机上看到了粗糙的分时图 (内牛满面啊!)



8.5号我和轩弟又一起优化第一版的小程序绘图基础底层库。(截图为证)



绘图基础底层代码片段



最早期的绘图语法demo


(回到北京之后,我把绘图功能交接给了学姐dawningdou同学,之后关于canvas语法的改造、手势的支持、各种异常情况都是学姐与微信团队一起商定沟通出来的,希望有时间我们在专门写一篇关于小程序绘图血泪史)


我们磕磕绊绊的在五天时间里完成了所有预期开发计划(真心不容易啊)。
最后一天微信开平团队做了回访,很诚恳的听取了我们这一周来对于web+框架的抱怨与不爽,并承诺会在一到两周的时间更新开发框架与工具。


经历二:30多个小时的连续奋战,只为被证明我们是最佳合作团队。
回到北京,我们申请了银科大厦的封闭会议室(1912),同时加入了新的小伙伴仁元、学姐、郝晓六人小分队。



接下来的任务就是赶在8.17号接受微信harveyzhou老板的初审,所以我们要在仅有的10天时间里完成全市场行情,行情图支持分时、五日、k线,优化性能等工作。就在我们按照原计划进行时,8.16号微信突然更新了web+框架,所有内测团队的代码都不能run起来,语法更新之巨大让我们欲哭无泪,有种被坑爹的赶脚,当时真的很想骂街。。。(但是他们兑现的支持生命周期,APP全局对象,Page对象等框架风格基本确定。尼玛就算更新也等到给老大看完再更新嘛!)。随后调整心态,小伙伴们还是抓紧时间快速进行新版本的框架兼容,这里赞一下仁元兄的执行能力,快速学习最新框架并移植到现有业务模块中。


当天晚上,nomore同学自发的拉了个群,为了能让自选股run起来,他们也一起陪我们熬夜加班。(感动!)



经过30多个小时的连续奋战,我们终于交出了完美可运行的版本(听说是唯一一个能run起来的小程序)。小伙伴们终于累趴下了!



经历三:听说我们被小龙点赞了,而且成了微信小程序救世主。。。(因为我们也没有亲耳所闻,亲眼所见)


最紧张的时刻是在9.1号,因为web+项目能不能继续开展下去,就看那天给小龙演示完整DEMO的情况。


两周的时间我们调整开发节奏列出了开发优先级,优化交互细节,解决掉了200多个bug。(如下图)



为了达到更好的体验,我们决定再一次挑战自己,主动要求微信在web+框架侧支持动画能力,并且让他们能支持动画队列的能力。(感谢link同学的支持!)



可能是因为我们是唯一一个支持动画的demo,并且功能的完整性和体验达到微信开平团队的认可所以才有了接下来的一幕。。。(如下图)





有了近两个月的努力, 我们换来的是微信开平团队的赞赏与尊重。更重要的是我们不仅在微信平台上完成一个自选股应用,而且我们承担的责任更大。


9.5号我们得到了令人振奋人心的消息, 自选股成为了微信与苹果谈判唯一示例演示。


经历四:微信小程序官方公开培训课邀请自选股团队分享案例


hulk老师在小程序框架分享和小程序开发分享中大量使用自选股作为案例分析,非常感谢!


我代表自选股小分队把小程序开发经验分享给开发者,包括数据实时性、缓存设计、canvas绘图、多层嵌套问题等。(团队牛才是真的牛,我只是发言人)


写到最后:


有很多人问我,为什么这支自选股小分队看起来更有激情与更强的执行力?


我想说的是我们有共同的目标,We are 伐木累!


最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台