小程序開發

上海小程序開發 > 開發教程 > 自選股小程序揭秘:如何開發一款堪比APP的微信小程序

自選股小程序揭秘:如何開發一款堪比APP的微信小程序

編輯時間:03-09 09:30 瀏覽次數:78

 Saying

一夜之間,微信小程序刷爆了行業網站和朋友圈,小程序真的能如張小龍所說讓用戶“即用即走”嗎?其功能能和動輒幾十兆安裝文件的APP相比嗎?開發小程序,是不是意味著移動應用開發的一次推倒重來,企業的運營成本會不會因此增加?近日,筆者參加了一次騰訊自選股介紹小程序開發過程的內部沙龍,自選股小程序產品經理Poppy和首席開發工程師小K的一番海聊,從開發技術和行業走勢兩個方面為我們揭開了小程序的秘密。


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


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


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


自選股小程序揭秘:如何開發一款堪比APP的微信小程序

揭秘一:在內容上有所取舍,更符合小程序所適配的場景


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


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


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


揭秘二:采用WebSocket協議實現數據實時性


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


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


揭秘三:數據緩存加速數據呈現


自選股小程序通過數據緩存,加速頁面的數據呈現。本地緩存文件最大可以達到10M。

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


自選股小程序揭秘:如何開發一款堪比APP的微信小程序

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


Canvas在使用前需要設置大小以便占位。而在小程序里面,目前Canvas不支持RPX的方式,Canvas需要動態添加圖形的寬高數據。


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


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


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


揭秘六:人性化優化很重要


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


揭秘七:人人可做小程序


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


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


小程序到底該有多大才算“輕”,在小程序開發之初,微信團隊對此也沒有概念。當得知自選股小程序最終完成的安裝包只有900 K后,他們將小程序安裝包體量的上限定在了1024K。


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


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


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


有人說,互聯網APP創業的風口正在關閉。但小程序所倡導的基于微信環境的輕型應用的理念,為已陷入增速減緩的互聯網移動應用帶來一股清流,為服務類APP的轉型發展帶來了啟發。

免責聲明:我司網站轉載此文,不代表本網的觀點和立場。不以盈利為目的,如有侵犯公司或個人權益,我司會第一時間刪除文章,歡迎咨詢免費獲取思維導圖!
    相關閱讀

    未能查詢到您想要的文章

感受專業服務,從來電咨詢開始
15821967367158-2196-7367
cache
Processed in 0.004379 Second.
浙江20选5几点开奖