一夜之間，微信小程序刷爆了行業(yè)網(wǎng)站和朋友圈，小程序真的能如張小龍所說讓用戶“即用即走”嗎？
其功能能和動輒幾十兆安裝文件的APP相比嗎？
開發(fā)小程序，是不是意味著移動應(yīng)用開發(fā)的一次推倒重來，企業(yè)的運(yùn)營成本會不會因此增加？
近日，筆者參加了一次騰訊自選股介紹小程序開發(fā)過程的內(nèi)部沙龍，自選股小程序產(chǎn)品經(jīng)理Poppy和首席開發(fā)工程師小K的一番海聊，從開發(fā)技術(shù)和行業(yè)走勢兩個方面為我們揭開了小程序的秘密。
今年7月，騰訊自選股團(tuán)隊接到微信的邀請，做一個Web+的應(yīng)用測試。當(dāng)時他們還不知道，這就是微信小程序的首批開發(fā)內(nèi)測。而當(dāng)時，其實連“小程序”這個名字也還沒有確定。
三個月后，“騰訊自選股”成為第一個開發(fā)成功的微信小程序。相比于原來身量龐大的APP，它無需用戶下載、安裝，即可在微信內(nèi)一鍵即達(dá)，并可實現(xiàn)盯盤、看盤、在線交易等APP的核心功能。自選股的用戶無需離開微信，就可以邊聊天邊看盤乃至進(jìn)行股票交易，與身處大戶室的感受幾乎無異。
這三個月，是小程序撥云見日、從無到有的三個月，自選股團(tuán)隊為探索開發(fā)一款完美的小程序奏響了先聲。
揭秘一：在內(nèi)容上有所取舍，更符合小程序所適配的場景
小程序的特點在于“輕”。自選股小程序的安裝包只有900K，輕裝的實現(xiàn)，首先來自于取舍的理念。
“小程序不是對APP的原樣照搬。”Poppy介紹說，自選股小程序?qū)PP中深度、專業(yè)的資訊服務(wù)做了取舍，只收錄了支持個股的部分資訊。因為在微信里，用戶可以通過訂閱號、服務(wù)號等多種渠道收看資訊，小程序不必再做重復(fù)建設(shè)，而是主要適配交易與交流同步的應(yīng)用場景。
小程序開發(fā)團(tuán)隊對自選股做了重新設(shè)計。圍繞用戶的核心需求，在自選股小程序的頁面上，最終只保留了自選、行情和設(shè)置三個頁卡，輕巧而清晰。
揭秘二：采用WebSocket協(xié)議實現(xiàn)數(shù)據(jù)實時性
顯示實時行情是股票應(yīng)用核心功能之一，但實時數(shù)據(jù)傳輸最為占用網(wǎng)絡(luò)資源，也影響到小程序應(yīng)用的流暢性和用戶體驗。
自選股小程序采用WebSocket完美解決了這個問題。小K說，以往數(shù)據(jù)更新多采用輪詢機(jī)制，即客戶端按照一定的周期頻率發(fā)起數(shù)據(jù)請求，對網(wǎng)絡(luò)資源的占用較大。自選股小程序的解決方案是采用WebSocket，當(dāng)服務(wù)器有數(shù)據(jù)更新時主動PUSH，從而降低了無效的網(wǎng)絡(luò)傳輸，使數(shù)據(jù)的實時性更強(qiáng)。
揭秘三：數(shù)據(jù)緩存加速數(shù)據(jù)呈現(xiàn)
自選股小程序通過數(shù)據(jù)緩存，加速頁面的數(shù)據(jù)呈現(xiàn)。本地緩存文件最大可以達(dá)到10M。
10M緩存量是根據(jù)自選股用戶的偏好來設(shè)置的。數(shù)據(jù)顯示，80%用戶的自選股不超過20支，一只股票的緩存數(shù)據(jù)大約300K，10M的緩存空間足夠緩存30支以上的股票。這對于絕大多數(shù)用戶來說已經(jīng)足夠了，而且實現(xiàn)了用少量數(shù)據(jù)支持頁面的流暢呈現(xiàn)。
揭秘四：響應(yīng)式繪圖完美適配不同機(jī)型
Canvas在使用前需要設(shè)置大小以便占位。而在小程序里面，目前Canvas不支持RPX的方式，Canvas需要動態(tài)添加圖形的寬高數(shù)據(jù)。
為了更快渲染Canvas，且不出現(xiàn)閃屏效果，自選股小程序在啟動程序時即在后臺記錄用戶所用設(shè)備的屏幕尺寸。進(jìn)入Canvas繪制頁時在OnLoad方法中計算Canvas大小并設(shè)置畫布。這完美地解決了在小程序中實現(xiàn)響應(yīng)式繪圖的問題。
揭秘五：簡潔的UI平衡美觀與實用
自選股小程序的UI十分簡潔。與iOS開發(fā)完全不同，從UI到整體前端處理大部分都采用CSS做渲染。對個別需要用到PNG的設(shè)計元素，對PNG做無損壓縮。這讓小程序在頁面的美觀與程序的輕靈之間找到了平衡。
揭秘六：人性化優(yōu)化很重要
對于股票應(yīng)用來說，任何一支股票的異動都需要馬上看到變化，否則對于用戶來說是致命的缺陷。開發(fā)團(tuán)隊認(rèn)識到，小程序之輕絕不能以犧牲核心功能和用戶體驗為代價。因此，在自選股團(tuán)隊的建議下，微信團(tuán)隊專門開發(fā)了小程序動畫支持功能?，F(xiàn)在，自選股小程序中，股票一旦發(fā)生價格變化會自動閃爍，提醒用戶重點關(guān)注，讓小程序的功能完全不輸APP。
揭秘七：人人可做小程序
“自選股小程序代表了目前微信小程序開發(fā)的標(biāo)桿和極限。”Poppy對此十分自信。股票類應(yīng)用本身是比較復(fù)雜的移動應(yīng)用。自選股小程序開發(fā)成功，相當(dāng)于厘定了小程序開發(fā)的邊界。只要你的應(yīng)用不比自選股更復(fù)雜，就一定能實現(xiàn)小程序應(yīng)用。
微信小程序作為一個輕應(yīng)用，它的優(yōu)勢之一在于使開發(fā)變得相對容易。自選股小程序的研發(fā)之所以走過了三個月時間，是因為他們作為微信小程序應(yīng)用開發(fā)的拓荒者，和微信小程序研發(fā)團(tuán)隊共同經(jīng)歷了開發(fā)、完善底層技術(shù)的全過程，甚至客觀上成為小程序開發(fā)標(biāo)準(zhǔn)的參照。
小程序到底該有多大才算“輕”，在小程序開發(fā)之初，微信團(tuán)隊對此也沒有概念。當(dāng)?shù)弥赃x股小程序最終完成的安裝包只有900 K后，他們將小程序安裝包體量的上限定在了1024K。
揭秘八：對流量入口的爭奪將再次開啟
小程序規(guī)避了過去加載應(yīng)用必需的掃碼、下載、安裝等繁復(fù)過程，更容易觸發(fā)用戶應(yīng)用，更方便商家留存用戶信息。月活量已經(jīng)超過八億用戶的微信已經(jīng)成為了一種實實在在的生活方式，其中集合了豐富的生活場景入口。微信小程序的出現(xiàn)，可以幫助O2O行業(yè)獲取更多用戶，是個絕對的利好。Poppy認(rèn)為：“基本上，服務(wù)類的商家都適合做小程序。”
小K認(rèn)為，相對APP，小程序的開發(fā)更為容易，只需一套代碼就適配所有機(jī)型，視應(yīng)用復(fù)雜程度，最多五六個人一個月就可以搭建出來，成本優(yōu)勢十分明顯。
有人說，互聯(lián)網(wǎng)APP創(chuàng)業(yè)的風(fēng)口正在關(guān)閉。但小程序所倡導(dǎo)的基于微信環(huán)境的輕型應(yīng)用的理念，為已陷入增速減緩的互聯(lián)網(wǎng)移動應(yīng)用帶來一股清流，為服務(wù)類APP的轉(zhuǎn)型發(fā)展帶來了啟發(fā)。
以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！
