公开下载 | 淘票票首次公开小程序开发秘籍,踩过坑才知道怎么走!

简介: 在2019年,阿里巴巴文娱的淘票票几乎涉足了当时市面上所有的小程序。在不少平台上,淘票票是阿里“第一批吃螃蟹”的技术团队。回顾过往,阿里文娱做过很多尝试,也踩过很多坑。《小程序 大世界》总结了淘票票过去 2 年在各大主流平台上的小程序实战经验,带你重新认识万亿市场规模的小程序实践!

2018年是小程序爆发的一年,从国内手机厂商到BAT,再到新兴的头条抖音,纷纷推出或者推广自家的小程序平台。为什么各家如此热衷小程序?每个平台的特点是什么,价值在哪里?这么多小程序我们该如何涉足?相信大家或多或少都有过这些疑问。

在2019年,阿里巴巴文娱的淘票票几乎涉足了当时市面上所有的小程序。其中在不少平台上,淘票票是阿里第一批吃螃蟹的技术团队。回顾过往,阿里文娱做过很多尝试,也踩过很多坑。现在阿里文娱将这些实战经验整理出来,为大家分享淘票票小程序实战之路。

点击免费下载
《小程序 大世界》

也可以复制链接到浏览器:https://developer.aliyun.com/topic/download?id=155 免费下载电子书!

image.png

小程序核心:场景融和

小程序跟传统H5有什么区别?从产品和业务角度来说,小程序的核心特点在于“场景融合”。无论是手机厂商,还是支付宝、手淘、微信、头条、抖音、百度等第三方应用,每个平台都有着既定的用户和使用场景。例如,支付宝就是生活服务类场景,头条是内容资讯类场景。每个小程序要思考的,就是如何将自己的产品功能嵌入到平台的使用场景中,实现场景融合。对于小程序本身来说,能够借助于平台的流量和用户做大做强;对于平台来说,则可以借助各种小程序,丰富使用场景,增加平台的用户粘性,最终实现双赢的结果。这也解释了为什么各家都如此热衷于小程序平台的搭建。

场景定制

场景融合另一个层面意味着场景定制,支付宝跟抖音的产品定位跟使用场景差别很大,各自平台上的小程序也需要有所差异。这也给我们产品技术层面带来了很大的挑战。如何通过有限的人力,同时支持这么多小程序成了我们面临的重要问题。对此,我们主要做了这么几件事:

1、区分出各个渠道的优先级和重要性,确定重点投入的渠道;

2、将主要渠道和次要渠道做了归类,产品形态上进行聚合,减小差异。例如,在支付宝和手淘这两个主要渠道上,我们主要是对标淘票票客户端,提供相对丰富的功能和玩法;而在其他渠道上,我们做了功能精简,仅保留核心的购票功能,并且产品形态上趋同;

3、技术架构方面,对各个平台的DSL进行分层优化,将业务逻辑跟界面展示分离,抽取出通用业务逻辑和Util方法,提高代码的复用度。之后的技术篇会有详细的介绍;

4、为了缩短开发周期,采用DSL+H5混合应用的方式开发,将UV较高的页面用DSL实现,以便提供较好的用户体验;UV较低的页面采用原有的H5页面,以便减少开发量。后续将根据实际情况,调整DSL和H5的比例;

5、终端全栈模式,打破传统Android、iOS、H5技术分工的界限,让Natvie同学也能够开发小程序。小程序整体语法较简单,学习难度相比传统H5较低。实际开发中,更有两位服务端同学通过两周的学习和培训,也参与到小程序的开发中。

场景运营

上线了这么多平台的小程序,我们有个很深切的体会:小程序相比传统App需要更多的细分场景运营,需要产品技术和运营一起探索分场景的运营策略。例如,通常我们会通过活动、优惠等形式做运营推广,以便增加流量。但是我们发现在头条和抖音平台上,主要流量不是来自于固定入口,而是来自于优秀内容推荐。好的内容往往会带来比平时多数倍甚至数十倍的流量。因此,在头条抖音平台上,内容运营的重要性就大大增强了。

image.pngimage.png
(文中图片来自于淘票票小程序截图,仅作为技术应用场景示意,如有侵权我们将立即处理)

另外,由于每个渠道小程序平台能力和成熟度不一样,实际工作中会遇到诸多问题。因此在团队组织上,可以采用业务、产品、技术“铁三角”的小闭环模式,小步快跑,快速调研,快速反馈,快速上线。这样在小程序上线初期能够极大地提高整体效能。

6 大主流平台的小程序进阶之路

回顾淘票票的小程序矩阵的搭建过程,我们走了一条“进击之路”。接下来我会简单介绍淘票票在各个平台上小程序,之后的系列文章会详细介绍每个平台的场景、实现、遇到的问题以及沉淀的经验。

支付宝小程序

在支付宝平台上,淘票票从最初Natvie版本、H5版本,最终转变为小程序版本。支付宝的生活服务类场景跟淘票票是最契合的,平台的用户心智也是最稳健的。2018年4月份,我们正式启动支付宝小程序项目,期间经历了基础购票版本,视频Feed流版本,春节五福版本等数个版本迭代,最终形成淘票票小程序矩阵中功能最丰富的一支。其中视频Feed流是我们跟支付宝小程序团队共同推进的,支付宝方面为我们提供了功能丰富的视频组件,使得小程序的Feed流功能成为可能。如果有这方面需求的团队,可以在支付宝小程序平台上尝试。​

image.jpeg

手淘轻应用

2018年底,我们启动了手淘轻应用项目,用两个月时间,经历两个版本迭代。在春节档,手淘平台给淘票票贡献了大量的流量。在手淘轻应用项目中,我们遇到的主要问题是技术选型。手淘轻应用技术实现方案有几种选择:Rax、SFC、AppX,其中Rax应用最广泛,也最成熟,上线的小程序多数采用这个实现方案。然而因为我们已经开发完支付宝小程序,使用的是AppX,当时手淘容器对于AppX的支持相对较弱,最终为了保证赶上春节档,我们决定采用Rax来实现。随着Rax不断发展,能力也越来越强,我们近期也在研究基于Rax的统一小程序技术体系。

image.jpeg

快应用

在快应用正式发布前,我们就一直关注着快应用的发展,因为这是小程序矩阵中唯一不依赖于第三方应用安装,就能直接触达用户的平台。2018年初,在快应用SDK公开不久,我们就着手预研。当时还没有明确的使用场景,于是我们启动了创新孵化类项目,由技术主导,边探索边开发,最终推动产品上线。快应用也是淘票票小程序矩阵中唯一创新孵化类产品,为我们探索新技术的创新落地积累了经验。另外值得一提的是,目前快应用可以直接使用淘宝账号登录,我们也正在跟阿里其他团队一起探索快应用的联动。

字节跳动小程序

头条和抖音是近几年发展迅猛的App,2018年10月也推出了自己的小程序平台。头条的场景是内容资讯,抖音的场景是内容娱乐,从场景上说跟淘票票的购票场景相距较远。但是我们依然决定要进入这个小程序平台,因为对于阿里文娱来说,有一块很重要的业务是电影宣发。头条和抖音这两个场景在电影宣发领域有这比较大的价值。

我们从2018年9月份开始与头条、抖音方面沟通,10月正式启动项目。这个项目过程中的坎坷也很多,面临内部外部各方面的问题。我们自身方面,项目周期跟淘票票的春节档重合,研发资源冲突很大。而春节档是我们极为重要的档期,这相当于电影人的“双11”。阿里内部共建方面,我们面临了类似于微信小程序的问题,账号和交易部分需要集团业务平台团队提供协助。但是项目周期跟集团的“双11”、“双12”重合,于是又遇到资源冲突问题,整体推进困难重重。不过经过各方努力,项目还是顺利上线。

百度小程序

在头条小程序项目的同期,我们又并行了百度小程序的项目。从技术方面讲,有前面多个小程序作为基础,同时我们又通过Taro进行小程序统一化改造,整体效率相对较高。值得提一点的是,在百度App的各个子场景中,贴吧的入口很值得去运营。跟小程序本身功能关联大的贴吧能够带来不错的流量。

微信小程序

这是我们最早启动调研的一个小程序,但是却是上线最晚的。2017年8月份,我们开始进行微信小程序调研,然而技术方案上却遇到了巨大的阻碍。主要问题集中在账号、交易、支付等环节。直到2019年6月,我们磨练了两年的微信小程序终于上线。2019年底,我们又为影院定制了一套面向影城的小程序方案,帮助影院进行微信渠道的私域运营。


回顾这条“进击之路”,其中的坎坷和苦痛也许只有自己知道。在最紧张的时候,淘票票有四个平台的小程序并行,然而作为阿里技术人,我们不惧艰辛,不惧挑战!用技术和热情,披荆斩棘,勇攀高峰!

复制链接到浏览器 https://developer.aliyun.com/topic/download?id=155 免费下载电子书!

相关文章
|
24天前
|
人工智能 小程序
【一步步开发AI运动小程序】十五、AI运动识别中,如何判断人体站位的远近?
【云智AI运动识别小程序插件】提供人体、运动及姿态检测的AI能力,无需后台支持,具有快速、体验好、易集成等特点。本文介绍如何利用插件判断人体与摄像头的远近,确保人体图像在帧内的比例适中,以优化识别效果。通过`whole`检测规则,分别实现人体过近和过远的判断,并给出相应示例代码。
|
5天前
|
开发框架 小程序 前端开发
圈子社交app前端+后端源码,uniapp社交兴趣圈子开发,框架php圈子小程序安装搭建
本文介绍了圈子社交APP的源码获取、分析与定制,PHP实现的圈子框架设计及代码编写,以及圈子小程序的安装搭建。涵盖环境配置、数据库设计、前后端开发与接口对接等内容,确保平台的安全性、性能和功能完整性。通过详细指导,帮助开发者快速搭建稳定可靠的圈子社交平台。
|
18天前
|
人工智能 小程序 API
【一步步开发AI运动小程序】十七、如何识别用户上传视频中的人体、运动、动作、姿态?
【云智AI运动识别小程序插件】提供人体、运动、姿态检测的AI能力,支持本地原生识别,无需后台服务,具有速度快、体验好、易集成等优点。本文介绍如何使用该插件实现用户上传视频的运动识别,包括视频解码抽帧和人体识别的实现方法。
|
23天前
|
人工智能 小程序 UED
【一步步开发AI运动小程序】十六、AI运动识别中,如何判断人体站位?
【云智AI运动识别小程序插件】提供人体、运动及姿态检测的AI能力,本地引擎无需后台支持,具备快速、体验好、易集成等优势。本文介绍如何利用插件的`camera-view`功能,通过检测人体站位视角(前、后、左、右),确保运动时的最佳识别率和用户体验。代码示例展示了如何实现视角检查,确保用户正或背对摄像头,为后续运动检测打下基础。
|
29天前
|
人工智能 小程序 API
【一步步开发AI运动小程序】十三、自定义一个运动分析器,实现计时计数02
本文介绍如何利用“云智AI运动识别小程序插件”开发AI运动小程序,详细解析了俯卧撑动作的检测规则构建与执行流程,涵盖卧撑和撑卧两个姿态的识别规则,以及如何通过继承`sports.SportBase`类实现运动分析器,适用于小程序开发者。
|
29天前
|
人工智能 小程序 API
【一步步开发AI运动小程序】十二、自定义一个运动分析器,实现计时计数01
随着AI技术的发展,AI运动APP如雨后春笋般涌现,如“乐动力”、“天天跳绳”等,推动了云上运动会、线上健身等热潮。本文将指导你从零开始开发一个AI运动小程序,利用“云智AI运动识别小程序插件”,介绍运动识别原理、计量方式及运动分析器基类的使用,帮助你在小程序中实现运动计时和计数功能。下篇将继续探讨运动姿态检测规则的编写。
|
19天前
|
人工智能 小程序 数据处理
uni-app开发AI康复锻炼小程序,帮助肢体受伤患者康复!
近期,多家康复机构咨询AI运动识别插件是否适用于肢力运动受限患者的康复锻炼。本文介绍该插件在康复锻炼中的应用场景,包括康复运动指导、运动记录、恢复程度记录及过程监测。插件集成了人体检测、姿态识别等功能,支持微信小程序平台,使用便捷,安全可靠,帮助康复治疗更加高效精准。
|
1月前
|
数据采集 人工智能 小程序
【一步步开发AI运动小程序】十、姿态动作相似度比较
本文介绍如何利用“云智AI运动识别小程序插件”开发AI运动小程序,重点讲解姿态动作相似度比较功能的运用,包括样本动作帧的采集和姿态相似度的计算方法,以及在组合运动中的应用实例。
|
25天前
|
人工智能 小程序 JavaScript
【一步步开发AI运动小程序】十四、主包超出2M大小限制,如何将插件分包发布?
本文介绍了如何从零开始开发一个AI运动小程序,重点讲解了通过分包技术解决程序包超过2M限制的问题。详细步骤包括在uni-app中创建分包、配置`manifest.json`和`pages.json`文件,并提供了分包前后代码大小对比,帮助开发者高效实现AI运动功能。
|
30天前
|
人工智能 小程序 开发者
【一步步开发AI运动小程序】十一、人体关键点跳跃追踪
本文介绍如何利用“云智AI运动识别小程序插件”开发AI运动小程序,涵盖云上运动会、健身打卡等热门应用场景。通过示例代码展示如何调用插件功能,实现动作追踪与分析,助力开发者快速上手。