天天看點

公開下載下傳 | 淘票票首次公開小程式開發秘籍,踩過坑才知道怎麼走!

2018年是小程式爆發的一年,從國内手機廠商到BAT,再到新興的頭條抖音,紛紛推出或者推廣自家的小程式平台。為什麼各家如此熱衷小程式?每個平台的特點是什麼,價值在哪裡?這麼多小程式我們該如何涉足?相信大家或多或少都有過這些疑問。

在2019年,阿裡巴巴文娛的淘票票幾乎涉足了當時市面上所有的小程式。其中在不少平台上,淘票票是阿裡第一批吃螃蟹的技術團隊。回顧過往,阿裡文娛做過很多嘗試,也踩過很多坑。現在阿裡文娛将這些實戰經驗整理出來,為大家分享淘票票小程式實戰之路。

https://developer.aliyun.com/topic/download?id=155

點選免費下載下傳

《小程式 大世界》

https://developer.aliyun.com/topic/download?id=155

也可以複制連結到浏覽器: https://developer.aliyun.com/topic/download?id=155 免費下載下傳電子書!
公開下載下傳 | 淘票票首次公開小程式開發秘籍,踩過坑才知道怎麼走!

小程式核心:場景融和

小程式跟傳統H5有什麼差別?從産品和業務角度來說,小程式的核心特點在于“場景融合”。無論是手機廠商,還是支付寶、手淘、微信、頭條、抖音、百度等第三方應用,每個平台都有着既定的使用者和使用場景。例如,支付寶就是生活服務類場景,頭條是内容資訊類場景。每個小程式要思考的,就是如何将自己的産品功能嵌入到平台的使用場景中,實作場景融合。對于小程式本身來說,能夠借助于平台的流量和使用者做大做強;對于平台來說,則可以借助各種小程式,豐富使用場景,增加平台的使用者粘性,最終實作雙赢的結果。這也解釋了為什麼各家都如此熱衷于小程式平台的搭建。

場景定制

場景融合另一個層面意味着場景定制,支付寶跟抖音的産品定位跟使用場景差别很大,各自平台上的小程式也需要有所差異。這也給我們産品技術層面帶來了很大的挑戰。如何通過有限的人力,同時支援這麼多小程式成了我們面臨的重要問題。對此,我們主要做了這麼幾件事:

1、區分出各個管道的優先級和重要性,确定重點投入的管道;

2、将主要管道和次要管道做了歸類,産品形态上進行聚合,減小差異。例如,在支付寶和手淘這兩個主要管道上,我們主要是對标淘票票用戶端,提供相對豐富的功能和玩法;而在其他管道上,我們做了功能精簡,僅保留核心的購票功能,并且産品形态上趨同;

3、技術架構方面,對各個平台的DSL進行分層優化,将業務邏輯跟界面展示分離,抽取出通用業務邏輯和Util方法,提高代碼的複用度。之後的技術篇會有詳細的介紹;

4、為了縮短開發周期,采用DSL+H5混合應用的方式開發,将UV較高的頁面用DSL實作,以便提供較好的使用者體驗;UV較低的頁面采用原有的H5頁面,以便減少開發量。後續将根據實際情況,調整DSL和H5的比例;

5、終端全棧模式,打破傳統Android、iOS、H5技術分工的界限,讓Natvie同學也能夠開發小程式。小程式整體文法較簡單,學習難度相比傳統H5較低。實際開發中,更有兩位服務端同學通過兩周的學習和教育訓練,也參與到小程式的開發中。

場景營運

上線了這麼多平台的小程式,我們有個很深切的體會:小程式相比傳統App需要更多的細分場景營運,需要産品技術和營運一起探索分場景的營運政策。例如,通常我們會通過活動、優惠等形式做營運推廣,以便增加流量。但是我們發現在頭條和抖音平台上,主要流量不是來自于固定入口,而是來自于優秀内容推薦。好的内容往往會帶來比平時多數倍甚至數十倍的流量。是以,在頭條抖音平台上,内容營運的重要性就大大增強了。

公開下載下傳 | 淘票票首次公開小程式開發秘籍,踩過坑才知道怎麼走!
公開下載下傳 | 淘票票首次公開小程式開發秘籍,踩過坑才知道怎麼走!

(文中圖檔來自于淘票票小程式截圖,僅作為技術應用場景示意,如有侵權我們将立即處理)

另外,由于每個管道小程式平台能力和成熟度不一樣,實際工作中會遇到諸多問題。是以在團隊組織上,可以采用業務、産品、技術“鐵三角”的小閉環模式,小步快跑,快速調研,快速回報,快速上線。這樣在小程式上線初期能夠極大地提高整體效能。

6 大主流平台的小程式進階之路

回顧淘票票的小程式矩陣的搭建過程,我們走了一條“進擊之路”。接下來我會簡單介紹淘票票在各個平台上小程式,之後的系列文章會詳細介紹每個平台的場景、實作、遇到的問題以及沉澱的經驗。

支付寶小程式

在支付寶平台上,淘票票從最初Natvie版本、H5版本,最終轉變為小程式版本。支付寶的生活服務類場景跟淘票票是最契合的,平台的使用者心智也是最穩健的。2018年4月份,我們正式啟動支付寶小程式項目,期間經曆了基礎購票版本,視訊Feed流版本,春節五福版本等數個版本疊代,最終形成淘票票小程式矩陣中功能最豐富的一支。其中視訊Feed流是我們跟支付寶小程式團隊共同推進的,支付寶方面為我們提供了功能豐富的視訊元件,使得小程式的Feed流功能成為可能。如果有這方面需求的團隊,可以在支付寶小程式平台上嘗試。​

公開下載下傳 | 淘票票首次公開小程式開發秘籍,踩過坑才知道怎麼走!

手淘輕應用

2018年底,我們啟動了手淘輕應用項目,用兩個月時間,經曆兩個版本疊代。在春節檔,手淘平台給淘票票貢獻了大量的流量。在手淘輕應用項目中,我們遇到的主要問題是技術選型。手淘輕應用技術實作方案有幾種選擇:Rax、SFC、AppX,其中Rax應用最廣泛,也最成熟,上線的小程式多數采用這個實作方案。然而因為我們已經開發完支付寶小程式,使用的是AppX,當時手淘容器對于AppX的支援相對較弱,最終為了保證趕上春節檔,我們決定采用Rax來實作。随着Rax不斷發展,能力也越來越強,我們近期也在研究基于Rax的統一小程式技術體系。

公開下載下傳 | 淘票票首次公開小程式開發秘籍,踩過坑才知道怎麼走!

快應用

在快應用正式釋出前,我們就一直關注着快應用的發展,因為這是小程式矩陣中唯一不依賴于第三方應用安裝,就能直接觸達使用者的平台。2018年初,在快應用SDK公開不久,我們就着手預研。當時還沒有明确的使用場景,于是我們啟動了創新孵化類項目,由技術主導,邊探索邊開發,最終推動産品上線。快應用也是淘票票小程式矩陣中唯一創新孵化類産品,為我們探索新技術的創新落地積累了經驗。另外值得一提的是,目前快應用可以直接使用淘寶賬号登入,我們也正在跟阿裡其他團隊一起探索快應用的關聯。

位元組跳動小程式

頭條和抖音是近幾年發展迅猛的App,2018年10月也推出了自己的小程式平台。頭條的場景是内容資訊,抖音的場景是内容娛樂,從場景上說跟淘票票的購票場景相距較遠。但是我們依然決定要進入這個小程式平台,因為對于阿裡文娛來說,有一塊很重要的業務是電影宣發。頭條和抖音這兩個場景在電影宣發領域有這比較大的價值。

我們從2018年9月份開始與頭條、抖音方面溝通,10月正式啟動項目。這個項目過程中的坎坷也很多,面臨内部外部各方面的問題。我們自身方面,項目周期跟淘票票的春節檔重合,研發資源沖突很大。而春節檔是我們極為重要的檔期,這相當于電影人的“雙11”。阿裡内部共建方面,我們面臨了類似于微信小程式的問題,賬号和交易部分需要集團業務平台團隊提供協助。但是項目周期跟集團的“雙11”、“雙12”重合,于是又遇到資源沖突問題,整體推進困難重重。不過經過各方努力,項目還是順利上線。

百度小程式

在頭條小程式項目的同期,我們又并行了百度小程式的項目。從技術方面講,有前面多個小程式作為基礎,同時我們又通過Taro進行小程式統一化改造,整體效率相對較高。值得提一點的是,在百度App的各個子場景中,貼吧的入口很值得去營運。跟小程式本身功能關聯大的貼吧能夠帶來不錯的流量。

微信小程式

這是我們最早啟動調研的一個小程式,但是卻是上線最晚的。2017年8月份,我們開始進行微信小程式調研,然而技術方案上卻遇到了巨大的阻礙。主要問題集中在賬号、交易、支付等環節。直到2019年6月,我們磨練了兩年的微信小程式終于上線。2019年底,我們又為影院定制了一套面向影城的小程式方案,幫助影院進行微信管道的私域營運。

回顧這條“進擊之路”,其中的坎坷和苦痛也許隻有自己知道。在最緊張的時候,淘票票有四個平台的小程式并行,然而作為阿裡技術人,我們不懼艱辛,不懼挑戰!用技術和熱情,披荊斬棘,勇攀高峰!

複制連結到浏覽器