自選股小程序,騰訊自選股源碼是怎么開發(fā)出來的

這個小程序是騰訊內(nèi)部首批5個被微信官方要求的項目之一，也是在進駐騰訊廣研辦公區(qū)后首個開發(fā)完成的小程序。更重要的是這是首個被張小龍點贊的小程序，據(jù)稱第一版開發(fā)完畢后送到張小龍手里，張小龍表示對它很滿意，甚至后來微信是拿著這個小程序作為樣板去和蘋果談的，其地位幾乎是奠定了整個微信小程序生態(tài)的第一塊基石，從產(chǎn)品概念到了實際落地的可面向用戶使用的標準形態(tài)。

這個小程序就是騰訊自選股。

一、為什么會是自選股？

騰訊內(nèi)部產(chǎn)品線有上千條，為什么微信選擇了自選股這個非常細分垂直領(lǐng)域的產(chǎn)品，作為首批參與內(nèi)測的5只團隊之一。微信在內(nèi)測時是比較謹慎的，考慮到這是首次提供一個全新的框架給開發(fā)者，雖然自己團隊內(nèi)部肯定是測試了很多遍，但是實際提供給開發(fā)者使用時會遇到哪些未知的問題，誰也不能完全打包票，畢竟這是賭上張小龍名譽和馬化騰期待的作品，所以需要有開發(fā)者實際在這個框架上開發(fā)試驗，而此時最優(yōu)的方案必然是從騰訊內(nèi)部選取項目。

一來騰訊內(nèi)部合作可以解決保密性的問題，這種公司戰(zhàn)略級的項目，誰要是泄露那可是要受處分的，只有內(nèi)部人才能做到真正密不透風。二來騰訊的技術(shù)水平是有保證的，在開發(fā)者和微信團隊合作時，能夠更好地融合一起去研究技術(shù)框架的合理性和實現(xiàn)的問題。

騰訊自選股之所以能成為首批受邀的內(nèi)部開發(fā)者，其實是有三個主要原因：

1、代表OMG(騰訊網(wǎng)絡媒體事業(yè)群)參與開發(fā)

張小龍在挑選內(nèi)部開發(fā)者時是嚴格限制名額的，因為參與內(nèi)測的開發(fā)者團隊既要有能力和意愿配合小程序的開發(fā)，更重要的是業(yè)務類型是適合開發(fā)小程序的，對內(nèi)起到幫忙驗證技術(shù)框架的作用，對外要有示范效應。

騰訊網(wǎng)絡媒體事業(yè)群主要是以新聞資訊、視頻等內(nèi)容產(chǎn)品擅長的業(yè)務，包含騰訊新聞、天天快報、騰訊視頻等，而自選股作為騰訊財經(jīng)孵化出來的垂類應用，在股票用戶中擁有較好的口碑，其業(yè)務形態(tài)同時包含了內(nèi)容屬性和工具屬性，而且還有交易閉環(huán)，這是其他產(chǎn)品不具備的優(yōu)勢。

所以微信團隊給了自選股一個名額，代表OMG來參與小程序開發(fā)，這也給了自選股團隊很大的壓力，有點像是代表事業(yè)群在參與開發(fā)。

2、證券服務的特殊性能夠更容易檢測出小程序框架的短板

熟悉證券行業(yè)的人會知道，自選股的背后是一套面向股票用戶的證券服務，包含看行情、盯盤、資訊、交易、交流等一系列功能。用戶對數(shù)據(jù)的實時性、服務穩(wěn)定性的要求高于一般普通的應用，服務一旦中斷，對股民的直接影響就會非常大，比如影響股民決策、下單交易等環(huán)節(jié)，對用戶都是真金白銀的損失。

證券服務的特殊性決定了這個領(lǐng)域產(chǎn)品的要求標準比一般的生活服務要高，在這種情況下，用高標準的應用來驗證小程序框架的短板，在內(nèi)測期及時發(fā)現(xiàn)問題并改進，能夠幫助微信團隊更好地優(yōu)化小程序的開發(fā)框架。

3、為開發(fā)者樹立了一個金融領(lǐng)域的標桿

據(jù)官方數(shù)據(jù)統(tǒng)計，截止去年年底中國已經(jīng)有9000萬的股民，這個垂類人群所覆蓋的面很廣。如果再擴展到金融領(lǐng)域，這個數(shù)據(jù)會更大。

互聯(lián)網(wǎng)金融是現(xiàn)在最熱門的領(lǐng)域之一，微信團隊選擇自選股另外一個重要原因就是為開發(fā)者樹立一個金融領(lǐng)域的標桿，股票、基金、理財、保險這些領(lǐng)域的項目都可以嘗試來開發(fā)小程序，把業(yè)務搭建在小程序上，這是微信團隊借此對外釋放的信號。由于金融領(lǐng)域的特殊敏感性，第一個試驗品也只能選自己內(nèi)部的產(chǎn)品，保證一切可控。

二、自選股小程序在產(chǎn)品層面是怎樣規(guī)劃的？

小程序是一個全新的平臺，這和之前的Android、iOS平臺有很大的不一樣，所以在規(guī)劃產(chǎn)品時如果完全套用現(xiàn)有的產(chǎn)品方案，肯定效果是要打折扣的。尤其是對于自選股這樣一個已經(jīng)有獨立APP，且積累了大量用戶的產(chǎn)品來說，如何定位自己的小程序以及處理小程序和APP之間的關(guān)系，值得大家借鑒學習。

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

張小龍一直提倡「用完就走」的產(chǎn)品理念，這就是希望用戶在微信內(nèi)完成自己的需求后即離開，從之前小程序公布的資料來看，小程序從規(guī)則定義上也延續(xù)了微信這一理念。

所以自選股團隊選擇了「做微信上小而美的股票小程序」這個定位，從核心功能上確定了看行情、自選股列表、交易三個核心模塊。從用戶的角度看，即優(yōu)先滿足了用戶快速查行情快速交易的需求，這是所有股民最基本最廣泛的需求。

2、如何處理小程序和APP的定位差異

自選股APP已經(jīng)做了五年，積累了大量股票用戶。對于自選股而言，小程序其實是它的增量部分，也更好地滿足了一部分輕度使用者的訴求。

自選股小程序，其核心是滿足用戶快速查看行情快速交易的場景需求，適合輕度使用者去使用，快速即用即走，尤其是在行情不好的時候，大部分股民是不會頻繁變換倉位，更多地是去看自己持有的股票走勢如何，有沒有上漲，有沒有產(chǎn)生異動，有異動及時給予提醒，整個小程序也是主打輕小，結(jié)合微信的社交體系也能夠更好促進股民之間的互動交流

而自選股APP，其核心是更專業(yè)更深度去滿足用戶的需求，從數(shù)據(jù)行情服務、資訊服務、交易服務、互動交流方面都有更深層次得支持滿足，如資金流向、龍虎榜等功能，更適合重度股民去使用，

一個主打小而精，一個主打全面深度專業(yè)，定位差異很清晰，二者互不沖突，由用戶根據(jù)自己的需求去選擇。

3、自選股最拿手的資訊模塊要不要設立獨立tab？

自選股是從騰訊財經(jīng)孵化出來的產(chǎn)品，業(yè)內(nèi)做股票的應用有很多，比如同花順、雪球，對于自選股來說，最拿手的莫過于資訊模塊。這源于騰訊財經(jīng)強大的專業(yè)內(nèi)容運營團隊，自選股里的資訊模塊大多數(shù)是編輯生產(chǎn)的，原創(chuàng)而且高質(zhì)量，這在行業(yè)內(nèi)是公認的亮點。

然而，最終自選股選擇沒有在小程序中放入獨立的資訊tab，為什么呢？

自選股的產(chǎn)品經(jīng)理是這樣解釋的，微信體系內(nèi)目前已經(jīng)有很全面的內(nèi)容體系了，其中重要的承載體就是公眾號，包括自選股也有自己的公眾號，而且積累了大量粉絲，用戶已經(jīng)有在公眾號或者朋友圈里閱讀資訊內(nèi)容的習慣了，此時再在小程序里加上一個資訊tab同時展示股市要聞，顯得很多余，會讓整個小程序變重，違背了微信倡導的「用完即走」和自選股小程序「小而美」的特點。當然針對個股的參考資訊、公告、投研報告在小程序里個股詳情頁有體現(xiàn)，這是針對輕度股民的基本需求滿足。

三、自選股小程序在技術(shù)上是怎樣突破的？

小程序之所以倍受期待，是因為其克服了web上天生解決不了的問題，比如流暢度問題，退出重新進入的問題。對于自選股而言，很多業(yè)務訴求得到了微信團隊的支持，并且影響了一部分框架規(guī)則的制定。

1、體積大小<1M，這是參照自選股制定的標準

自選股小程序提交給張小龍看時，整個安裝包只有510k，而當年自選股APP第一版上線時是6.7M，功能還不如第一版小程序豐富。于是張小龍為今后的開發(fā)者定了標準，連自選股這么重的業(yè)務都能壓縮在510K，對于其他業(yè)務來說1M完全足夠用。

這里自選股的研發(fā)團隊分享了一個重要的經(jīng)驗，就是盡量少加圖片，用代碼來寫界面，因為圖片是非常占用安裝包體積的。而應用內(nèi)的圖片可以直接從服務器上取得數(shù)據(jù)，這部分是不算入安裝包體積內(nèi)的。

2、動畫流暢度基本可和原生APP以假亂真

股票應用里最重要的一塊就是行情數(shù)據(jù)服務，尤其是在開盤交易期間，股票的K線走勢是需要實時顯示給前端用戶，這個是以秒為時間單位來變化的，這是之前H5技術(shù)很難真正做到實時數(shù)據(jù)同步的地方。

而小程序框架中，正是由于自選股的這個訴求，微信團隊積極配合需求對底層框架進行了開發(fā)，這也將惠及之后有對動畫顯示高要求的小程序開發(fā)者。從自選股團隊提供的演示視頻來看，由于流程性得到了很大程度提升，基本上達到了和原生APP以假亂真的程度，如果不事先說明的話很難區(qū)分。

3、退出記憶返回與數(shù)據(jù)緩存技術(shù)

微信內(nèi)H5形式的頁面，以前有個很大的問題就是退出后再進去就回到起點了，原有的用戶訪問記錄都會丟失。這對電商產(chǎn)品是非常致命的，因為用戶購買前需要閱讀產(chǎn)品信息，難免會遇到頁面內(nèi)的各種跳轉(zhuǎn)，如果此時正好來了一條好友信息，用戶退出去查看，再進來時就會回到網(wǎng)站首頁，用戶只能重新一層一層點進去。

而小程序此次推出的退出記憶返回技術(shù)，就很好的解決了這個問題，小程序會將用戶退出前訪問的最后一個頁面記錄下來，只要5分鐘用戶重新進入小程序，依然是從退出前最后一個頁面繼續(xù)查看，這個體驗對于電商產(chǎn)品是極大的利好。

對于自選股而言，由于數(shù)據(jù)行情服務的實時變化，需要不斷與服務器保持連接以獲取最新數(shù)據(jù)，這會消耗用戶很大的流量。自選股團隊通過websafari克服了這個問題，以前APP里的通用模式是APP像服務器去不斷發(fā)送請求以被動獲取最新的數(shù)據(jù)，而小程序中則反過來，服務器會根據(jù)數(shù)據(jù)的變化主動push給前端，前端收到后直接顯示給用戶，這種邏輯順序的調(diào)換能夠省去用戶的流量浪費。

四、給其他開發(fā)者有哪些借鑒啟發(fā)意義？

小程序讓微信生態(tài)更加完善，預計接下來會有更多企業(yè)將自己的產(chǎn)品搬到微信小程序上來，技術(shù)方案上微信的確在提供各種可能性盡量與原生APP保持一致，可見微信對其做成的決心。對于希望在全面放開注冊后進入這個領(lǐng)域的開發(fā)者來說，自選股的嘗試值得借鑒，畢竟把它作為樣板，代表這也是微信最希望看到的樣子。以下建議提供給大家參考：

1、低頻、非剛需場景的長尾服務提供者最適合來做微信小程序。

2、千萬不要完全照搬APP，盡可能做減法，保留核心功能，以小而美的產(chǎn)品形態(tài)完成需求滿足。

3、研究微信生態(tài)，做平臺最樂于看到的方向，尤其是能夠做到用完就走的服務領(lǐng)域。

4、小程序不適合內(nèi)容型產(chǎn)品，內(nèi)容創(chuàng)業(yè)用公眾號足夠。

5、小程序和公眾號聯(lián)動值得思考，小程序滿足工具和服務的部分需求，公眾號滿足內(nèi)容的部分需求，二者聯(lián)動起來互為補充。

6、小程序是一個很好的MVP工具，對于初創(chuàng)企業(yè)可以把小程序拿來作為從0到1的實踐做業(yè)務假設驗證。

7、對于依靠搜索進入的小程序，關(guān)鍵詞卡位很重要，具體表現(xiàn)在小程序名稱和標簽上，微信會進行審核，不可投機取巧。

　　更多關(guān)于微信小程序開發(fā)內(nèi)容，可以多關(guān)注hi小程序。