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