一夜之間，微信小程序刷爆了行業(yè)網(wǎng)站和朋友圈，小程序真的能如張小龍所說讓用戶“即用即走”嗎？

其功能能和動輒幾十兆安裝文件的APP相比嗎？

開發(fā)小程序，是不是意味著移動應用開發(fā)的一次推倒重來，企業(yè)的運營成本會不會因此增加？

近日，筆者參加了一次騰訊自選股介紹小程序開發(fā)過程的內(nèi)部沙龍，自選股小程序產(chǎn)品經(jīng)理Poppy和首席開發(fā)工程師小K的一番海聊，從開發(fā)技術和行業(yè)走勢兩個方面為我們揭開了小程序的秘密。

今年7月，騰訊自選股團隊接到微信的邀請，做一個Web+的應用測試。當時他們還不知道，這就是微信小程序的首批開發(fā)內(nèi)測。而當時，其實連“小程序”這個名字也還沒有確定。

三個月后，“騰訊自選股”成為第一個開發(fā)成功的微信小程序。相比于原來身量龐大的APP，它無需用戶下載、安裝，即可在微信內(nèi)一鍵即達，并可實現(xiàn)盯盤、看盤、在線交易等APP的核心功能。自選股的用戶無需離開微信，就可以邊聊天邊看盤乃至進行股票交易，與身處大戶室的感受幾乎無異。

這三個月，是小程序撥云見日、從無到有的三個月，自選股團隊為探索開發(fā)一款完美的小程序奏響了先聲。

揭秘一：在內(nèi)容上有所取舍，更符合小程序所適配的場景

小程序的特點在于“輕”。自選股小程序的安裝包只有900K，輕裝的實現(xiàn)，首先來自于取舍的理念。

“小程序不是對APP的原樣照搬。”Poppy介紹說，自選股小程序?qū)PP中深度、專業(yè)的資訊服務做了取舍，只收錄了支持個股的部分資訊。因為在微信里，用戶可以通過訂閱號、服務號等多種渠道收看資訊，小程序不必再做重復建設，而是主要適配交易與交流同步的應用場景。

小程序開發(fā)團隊對自選股做了重新設計。圍繞用戶的核心需求，在自選股小程序的頁面上，最終只保留了自選、行情和設置三個頁卡，輕巧而清晰。

揭秘二：采用WebSocket協(xié)議實現(xiàn)數(shù)據(jù)實時性

顯示實時行情是股票應用核心功能之一，但實時數(shù)據(jù)傳輸最為占用網(wǎng)絡資源，也影響到小程序應用的流暢性和用戶體驗。

自選股小程序采用WebSocket完美解決了這個問題。小K說，以往數(shù)據(jù)更新多采用輪詢機制，即客戶端按照一定的周期頻率發(fā)起數(shù)據(jù)請求，對網(wǎng)絡資源的占用較大。自選股小程序的解決方案是采用WebSocket，當服務器有數(shù)據(jù)更新時主動PUSH，從而降低了無效的網(wǎng)絡傳輸，使數(shù)據(jù)的實時性更強。

揭秘三：數(shù)據(jù)緩存加速數(shù)據(jù)呈現(xiàn)

自選股小程序通過數(shù)據(jù)緩存，加速頁面的數(shù)據(jù)呈現(xiàn)。本地緩存文件最大可以達到10M。

10M緩存量是根據(jù)自選股用戶的偏好來設置的。數(shù)據(jù)顯示，80%用戶的自選股不超過20支，一只股票的緩存數(shù)據(jù)大約300K，10M的緩存空間足夠緩存30支以上的股票。這對于絕大多數(shù)用戶來說已經(jīng)足夠了，而且實現(xiàn)了用少量數(shù)據(jù)支持頁面的流暢呈現(xiàn)。

揭秘四：響應式繪圖完美適配不同機型

Canvas在使用前需要設置大小以便占位。而在小程序里面，目前Canvas不支持RPX的方式，Canvas需要動態(tài)添加圖形的寬高數(shù)據(jù)。

為了更快渲染Canvas，且不出現(xiàn)閃屏效果，自選股小程序在啟動程序時即在后臺記錄用戶所用設備的屏幕尺寸。進入Canvas繪制頁時在OnLoad方法中計算Canvas大小并設置畫布。這完美地解決了在小程序中實現(xiàn)響應式繪圖的問題。

揭秘五：簡潔的UI平衡美觀與實用

自選股小程序的UI十分簡潔。與iOS開發(fā)完全不同，從UI到整體前端處理大部分都采用CSS做渲染。對個別需要用到PNG的設計元素，對PNG做無損壓縮。這讓小程序在頁面的美觀與程序的輕靈之間找到了平衡。

揭秘六：人性化優(yōu)化很重要

對于股票應用來說，任何一支股票的異動都需要馬上看到變化，否則對于用戶來說是致命的缺陷。開發(fā)團隊認識到，小程序之輕絕不能以犧牲核心功能和用戶體驗為代價。因此，在自選股團隊的建議下，微信團隊專門開發(fā)了小程序動畫支持功能。現(xiàn)在，自選股小程序中，股票一旦發(fā)生價格變化會自動閃爍，提醒用戶重點關注，讓小程序的功能完全不輸APP。

揭秘七：人人可做小程序

“自選股小程序代表了目前微信小程序開發(fā)的標桿和極限。”Poppy對此十分自信。股票類應用本身是比較復雜的移動應用。自選股小程序開發(fā)成功，相當于厘定了小程序開發(fā)的邊界。只要你的應用不比自選股更復雜，就一定能實現(xiàn)小程序應用。

微信小程序作為一個輕應用，它的優(yōu)勢之一在于使開發(fā)變得相對容易。自選股小程序的研發(fā)之所以走過了三個月時間，是因為他們作為微信小程序應用開發(fā)的拓荒者，和微信小程序研發(fā)團隊共同經(jīng)歷了開發(fā)、完善底層技術的全過程，甚至客觀上成為小程序開發(fā)標準的參照。

小程序到底該有多大才算“輕”，在小程序開發(fā)之初，微信團隊對此也沒有概念。當?shù)弥赃x股小程序最終完成的安裝包只有900 K后，他們將小程序安裝包體量的上限定在了1024K。

揭秘八：對流量入口的爭奪將再次開啟

小程序規(guī)避了過去加載應用必需的掃碼、下載、安裝等繁復過程，更容易觸發(fā)用戶應用，更方便商家留存用戶信息。月活量已經(jīng)超過八億用戶的微信已經(jīng)成為了一種實實在在的生活方式，其中集合了豐富的生活場景入口。微信小程序的出現(xiàn)，可以幫助O2O行業(yè)獲取更多用戶，是個絕對的利好。Poppy認為：“基本上，服務類的商家都適合做小程序。”

小K認為，相對APP，小程序的開發(fā)更為容易，只需一套代碼就適配所有機型，視應用復雜程度，最多五六個人一個月就可以搭建出來，成本優(yōu)勢十分明顯。

有人說，互聯(lián)網(wǎng)APP創(chuàng)業(yè)的風口正在關閉。但小程序所倡導的基于微信環(huán)境的輕型應用的理念，為已陷入增速減緩的互聯(lián)網(wǎng)移動應用帶來一股清流，為服務類APP的轉(zhuǎn)型發(fā)展帶來了啟發(fā)。

以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！