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

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

這個(gè)小程序就是騰訊自選股。

一、為什么會是自選股？

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

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

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

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

張小龍?jiān)谔暨x內(nèi)部開發(fā)者時(shí)是嚴(yán)格限制名額的，因?yàn)閰⑴c內(nèi)測的開發(fā)者團(tuán)隊(duì)既要有能力和意愿配合小程序的開發(fā)，更重要的是業(yè)務(wù)類型是適合開發(fā)小程序的，對內(nèi)起到幫忙驗(yàn)證技術(shù)框架的作用，對外要有示范效應(yīng)。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3、自選股最拿手的資訊模塊要不要設(shè)立獨(dú)立tab？

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

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

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

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

小程序之所以倍受期待，是因?yàn)槠淇朔藈eb上天生解決不了的問題，比如流暢度問題，退出重新進(jìn)入的問題。對于自選股而言，很多業(yè)務(wù)訴求得到了微信團(tuán)隊(duì)的支持，并且影響了一部分框架規(guī)則的制定。

1、體積大小<1M，這是參照自選股制定的標(biāo)準(zhǔn)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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