独家揭秘｜被张小龙点赞，作为样板去和苹果谈的小程序，是怎么开发出来的？

2016-12-03 16:22:00

小程序让微信生态更加完善，预计接下来会有更多企业将自己的产品搬到微信小程序上来，技术方案上微信的确在提供各种可能性尽量与原生APP保持一致，可见微信对其做成的决心。对于希望在全面放开注册后进入这个领域的开发者来说，自选股的尝试值得借鉴，毕竟把它作为样板，代表这也是微信最希望看到的样子。

这个小程序就是腾讯自选股。

距离小程序的消息公布已经有三个月时间，整个行业都在期待这个有可能影响行业生态格局的产品会是什么样，尤其是现在大部分公司面临增长乏力，用户获取成本越来越高，但对业务的转化率缺在逐渐降低。

最近我有幸参加了一场腾讯内部团队开发的小程序首次对外展示的沟通会，听了参与开发小程序的产品经理和研发人员分享背后的故事，虽然微信官方还没有正式对外发布小程序，想必还在寻找一个更合适的时机带着200个公测的小程序一起亮相，但这次沟通会还是有很多精彩的亮点值得分享给大家。

这个小程序是腾讯内部首批5个被微信官方要求的项目之一，也是在进驻腾讯广研办公区后首个开发完成的小程序。更重要的是这是首个被张小龙点赞的小程序，据称第一版开发完毕后送到张小龙手里，张小龙表示对它很满意，甚至后来微信是拿着这个小程序作为样板去和苹果谈的，其地位几乎是奠定了整个微信小程序生态的第一块基石，从产品概念到了实际落地的可面向用户使用的标准形态。

这个小程序就是腾讯自选股。

一、为什么会是自选股？

腾讯内部产品线有上千条，为什么微信选择了自选股这个非常细分垂直领域的产品，作为首批参与内测的5只团队之一。微信在内测时是比较谨慎的，考虑到这是首次提供一个全新的框架给开发者，虽然自己团队内部肯定是测试了很多遍，但是实际提供给开发者使用时会遇到哪些未知的问题，谁也不能完全打包票，毕竟这是赌上张小龙名誉和马化腾期待的作品，所以需要有开发者实际在这个框架上开发试验，而此时最优的方案必然是从腾讯内部选取项目。

一来腾讯内部合作可以解决保密性的问题，这种公司战略级的项目，谁要是泄露那可是要受处分的，只有内部人才能做到真正密不透风。二来腾讯的技术水平是有保证的，在开发者和微信团队合作时，能够更好地融合一起去研究技术框架的合理性和实现的问题。

腾讯自选股之所以能成为首批受邀的内部开发者，其实是有三个主要原因：

1、代表OMG(腾讯网络媒体事业群)参与开发

张小龙在挑选内部开发者时是严格限制名额的，因为参与内测的开发者团队既要有能力和意愿配合小程序的开发，更重要的是业务类型是适合开发小程序的，对内起到帮忙验证技术框架的作用，对外要有示范效应。

腾讯网络媒体事业群主要是以新闻资讯、视频等内容产品擅长的业务，包含腾讯新闻、天天快报、腾讯视频等，而自选股作为腾讯财经孵化出来的垂类应用，在股票用户中拥有较好的口碑，其业务形态同时包含了内容属性和工具属性，而且还有交易闭环，这是其他产品不具备的优势。

所以微信团队给了自选股一个名额，代表OMG来参与小程序开发，这也给了自选股团队很大的压力，有点像是代表事业群在参与开发。

2、证券服务的特殊性能够更容易检测出小程序框架的短板

熟悉证券行业的人会知道，自选股的背后是一套面向股票用户的证券服务，包含看行情、盯盘、资讯、交易、交流等一系列功能。用户对数据的实时性、服务稳定性的要求高于一般普通的应用，服务一旦中断，对股民的直接影响就会非常大，比如影响股民决策、下单交易等环节，对用户都是真金白银的损失。

证券服务的特殊性决定了这个领域产品的要求标准比一般的生活服务要高，在这种情况下，用高标准的应用来验证小程序框架的短板，在内测期及时发现问题并改进，能够帮助微信团队更好地优化小程序的开发框架。

3、为开发者树立了一个金融领域的标杆

据官方数据统计，截止去年年底中国已经有9000万的股民，这个垂类人群所覆盖的面很广。如果再扩展到金融领域，这个数据会更大。

互联网金融是现在最热门的领域之一，微信团队选择自选股另外一个重要原因就是为开发者树立一个金融领域的标杆，股票、基金、理财、保险这些领域的项目都可以尝试来开发小程序，把业务搭建在小程序上，这是微信团队借此对外释放的信号。由于金融领域的特殊敏感性，第一个试验品也只能选自己内部的产品，保证一切可控。

二、自选股小程序在产品层面是怎样规划的？

小程序是一个全新的平台，这和之前的Android、iOS平台有很大的不一样，所以在规划产品时如果完全套用现有的产品方案，肯定效果是要打折扣的。尤其是对于自选股这样一个已经有独立APP，且积累了大量用户的产品来说，如何定位自己的小程序以及处理小程序和APP之间的关系，值得大家借鉴学习。

1、做微信上小而美的股票小程序

张小龙一直提倡「用完就走」的产品理念，这就是希望用户在微信内完成自己的需求后即离开，从之前小程序公布的资料来看，小程序从规则定义上也延续了微信这一理念。

所以自选股团队选择了「做微信上小而美的股票小程序」这个定位，从核心功能上确定了看行情、自选股列表、交易三个核心模块。从用户的角度看，即优先满足了用户快速查行情快速交易的需求，这是所有股民最基本最广泛的需求。

2、如何处理小程序和APP的定位差异

自选股APP已经做了五年，积累了大量股票用户。对于自选股而言，小程序其实是它的增量部分，也更好地满足了一部分轻度使用者的诉求。

自选股小程序，其核心是满足用户快速查看行情快速交易的场景需求，适合轻度使用者去使用，快速即用即走，尤其是在行情不好的时候，大部分股民是不会频繁变换仓位，更多地是去看自己持有的股票走势如何，有没有上涨，有没有产生异动，有异动及时给予提醒，整个小程序也是主打轻小，结合微信的社交体系也能够更好促进股民之间的互动交流

而自选股APP，其核心是更专业更深度去满足用户的需求，从数据行情服务、资讯服务、交易服务、互动交流方面都有更深层次得支持满足，如资金流向、龙虎榜等功能，更适合重度股民去使用，

一个主打小而精，一个主打全面深度专业，定位差异很清晰，二者互不冲突，由用户根据自己的需求去选择。

3、自选股最拿手的资讯模块要不要设立独立tab？

自选股是从腾讯财经孵化出来的产品，业内做股票的应用有很多，比如同花顺、雪球，对于自选股来说，最拿手的莫过于资讯模块。这源于腾讯财经强大的专业内容运营团队，自选股里的资讯模块大多数是编辑生产的，原创而且高质量，这在行业内是公认的亮点。

然而，最终自选股选择没有在小程序中放入独立的资讯tab，为什么呢？

自选股的产品经理是这样解释的，微信体系内目前已经有很全面的内容体系了，其中重要的承载体就是公众号，包括自选股也有自己的公众号，而且积累了大量粉丝，用户已经有在公众号或者朋友圈里阅读资讯内容的习惯了，此时再在小程序里加上一个资讯tab同时展示股市要闻，显得很多余，会让整个小程序变重，违背了微信倡导的「用完即走」和自选股小程序「小而美」的特点。当然针对个股的参考资讯、公告、投研报告在小程序里个股详情页有体现，这是针对轻度股民的基本需求满足。

三、自选股小程序在技术上是怎样突破的？

小程序之所以倍受期待，是因为其克服了web上天生解决不了的问题，比如流畅度问题，退出重新进入的问题。对于自选股而言，很多业务诉求得到了微信团队的支持，并且影响了一部分框架规则的制定。

1、体积大小<1M，这是参照自选股制定的标准

自选股小程序提交给张小龙看时，整个安装包只有510k，而当年自选股APP第一版上线时是6.7M，功能还不如第一版小程序丰富。于是张小龙为今后的开发者定了标准，连自选股这么重的业务都能压缩在510K，对于其他业务来说1M完全足够用。

这里自选股的研发团队分享了一个重要的经验，就是尽量少加图片，用代码来写界面，因为图片是非常占用安装包体积的。而应用内的图片可以直接从服务器上取得数据，这部分是不算入安装包体积内的。

2、动画流畅度基本可和原生APP以假乱真

股票应用里最重要的一块就是行情数据服务，尤其是在开盘交易期间，股票的K线走势是需要实时显示给前端用户，这个是以秒为时间单位来变化的，这是之前H5技术很难真正做到实时数据同步的地方。

而小程序框架中，正是由于自选股的这个诉求，微信团队积极配合需求对底层框架进行了开发，这也将惠及之后有对动画显示高要求的小程序开发者。从自选股团队提供的演示视频来看，由于流程性得到了很大程度提升，基本上达到了和原生APP以假乱真的程度，如果不事先说明的话很难区分。

3、退出记忆返回与数据缓存技术

微信内H5形式的页面，以前有个很大的问题就是退出后再进去就回到起点了，原有的用户访问记录都会丢失。这对电商产品是非常致命的，因为用户购买前需要阅读产品信息，难免会遇到页面内的各种跳转，如果此时正好来了一条好友信息，用户退出去查看，再进来时就会回到网站首页，用户只能重新一层一层点进去。

而小程序此次推出的退出记忆返回技术，就很好的解决了这个问题，小程序会将用户退出前访问的最后一个页面记录下来，只要5分钟用户重新进入小程序，依然是从退出前最后一个页面继续查看，这个体验对于电商产品是极大的利好。

对于自选股而言，由于数据行情服务的实时变化，需要不断与服务器保持连接以获取最新数据，这会消耗用户很大的流量。自选股团队通过websafari克服了这个问题，以前APP里的通用模式是APP像服务器去不断发送请求以被动获取最新的数据，而小程序中则反过来，服务器会根据数据的变化主动push给前端，前端收到后直接显示给用户，这种逻辑顺序的调换能够省去用户的流量浪费。