1. 程式人生 > >【CSDN技術主題月】娛票兒、辦公逸、輕芒的微信開發實踐

【CSDN技術主題月】娛票兒、辦公逸、輕芒的微信開發實踐

有著近8億使用者的微信,無疑是目前最具影響力的產品之一。每當微信有新的動作,都會立即佔據媒體頭條並引起朋友圈中的討論。1月9日,微信小程式上線,出現了一輪討論熱潮,但如曇花一現般,開發者們在看到微信小程式的表現與產品形態後,紛紛冷靜了下來。不過也有開發者認為,微信小程式目前雖然效果不甚理想,開發中也有許多坑,但可以看到微信在慢慢完善。

圖片描述

2月26日,我們邀請到辦公逸CTO王斌、微影時代資深工程師尹鋒、微影時代資深工程師汪波、輕芒聯合創始人範懷宇,在CSDN“微信開發”技術主題月沙龍上分享了他們在微信企業號開發與微信小程式開發上的經驗。

本活動由網易有道雲筆記提供文字直播,按如下方法可獲得活動速記稿:
1\.
通過微信掃描下方二維碼,關注“有道雲筆記” 2\. 回覆訊息“CSDN2017”,即可獲得速記稿連結 3\. 點選連結檢視

微影時代資深前端工程師汪波:微信電影票和微信小程式的交集

微影時代這個名字或許對於普通使用者來講不那麼熟悉,但是你很可能用他們的產品“娛票兒”(原名:微票兒)買過電影票,他們也是為數不多在微信錢包中有常駐入口的應用。汪波首先總結了三個小程式的使用場景:第一個是在公交車站上,當你開啟小程式掃碼的時候你會知道你等的公交什麼時間到來,第二個是在機場你可以開啟小程式去提醒你航班延誤了還是該登機了,第三個是可以植入導航系統,你在機場裡面可以找到想去的地方。第三個是在醫院裡看病,你不用花時間排隊,你只需要用小程式掃碼之後他會推送你說應該看病了。還有就是在餐廳裡面直接掃碼點餐、下單,直到支付一系列的流程,這樣既方便了使用者也為商家節約了成本問題。

圖片描述
微影時代資深前端工程師汪波

汪波對比了WebApp與小程式之間的差異,同時分享了娛票兒開發小程式的過程,還有App Service、View和小程式整體的生命週期。他從開發成本、維護更新、體驗、安裝、跨平臺能力幾個方面,橫向對比了Native App、Web App、RN和小程式。

汪波表示小程式的開發目前有很多問題,比如:

  • 圖片有時候會載入失敗
  • 用scrollview來實現上拉載入更多,一直沒有觸發載入更多的事件
  • 拉起支付框後點返回回來不會觸發onshow事件
  • Object.assign 相容性
  • 需引入第三方promise庫來使用

對此,汪波分享了他們團隊的解決方案與經驗。

辦公逸聯合創始人兼CTO王斌:微信企業號開發經驗分享

從2014年起,辦公逸就開始做微信企業號的開發,釋出了包括考勤打卡、駕機管理等企業號應用。王斌分享了辦公逸現在的架構。辦公逸是LOMP簡單的框架。使用者的資料會先計入一個負載均衡層,然後做了一個靜態快取,後面到Web叢集。目前辦公逸正在做一箇中間件,然後是Redis叢集、Memcached叢集,然後用了Sphinx索影。靜態資源我們用的是CDN,檔案系統就用MFS檔案儲存,用的MQ訊息佇列,這是簡單的架構。

圖片描述
辦公逸聯合創始人兼CTO王斌

王斌詳細分享了在通訊錄、訊息佇列方面,微信企業號開發的經驗。

輕芒聯合創始人範懷宇:微信小程式開發的易與難

輕芒是第一批上線微信小程式的團隊之一。從微信小程式內測階段,輕芒團隊就開始設計和開發輕芒雜誌的微信小程式版本。在這個過程中,輕芒的團隊趟過了很多坑。

圖片描述
輕芒聯合創始人 範懷宇

範懷宇首先介紹了微信小程式的設計理念。在語言上,本質上它類似於Web但不是HTML5,而是HTML5+CSS+JS,它不相容現有的HTML頁面和CSS,也不支援Windows端的JS。另外,他還分享了微信小程式在執行時、頁面渲染、系統能力呼叫方面的特點。

從範懷宇的分享中,你可以明顯發現,目前微信小程式的開發遇到的最大問題是相容。有時候在模擬器中執行好的效果,放在移動端就無法適配。JS、模板語言在模擬器、Android、iOS上的相容也是問題百出。在實踐過程中,輕芒總結出了一些繞過相容陷阱的方法。

另外,範懷宇還分享了提升微信小程式效能的幾個方法。

關於CSDN技術主題月
CSDN技術主題月是由CSDN社群發起的社群活動,旨在通過一系列技術主題活動,幫助開發者通過部落格、知識庫、CSDN學院、CSDN下載資源、線下沙龍學習知識、交流經驗,同時也為各領域技術達人提供線上與線下分享、交流的平臺。
本月CSDN社群特別策劃“微信開發”技術主題月,梳理微信開發技術知識點脈絡、彙集優質技術分享內容、提供微信開發技術交流機會。點選這裡瀏覽更多微信開發技術主題月線上活動。