1.小程序于2017年1月9日全面發布。10月,樓主團隊開始研究小程序官網文檔。12月初,團隊第一個小程序項目——王者榮耀賽事小程序項目需求正式啟動。12月20日,第一個成型版完成。以下開發過程示意圖:
2.超高清大圖戳:www.uisdc.com
3.(有同學問為什么12月20日做了第一版。當時微信公開課定在28號,我們猜可能當天發布小程序,所以原計劃定在20號完成完整版,有足夠的時間提交審核。
4.王者比賽小程序的開發過程與網頁需求的開發過程相似,主要區別是小程序在版本審查階段更多
5.由于審核機制的引入,小程序的迭代不能像網頁一樣立即在線迭代,只要開發者有發布權限,就需要微信官方團隊審核后才能發布。因此,測試變得重要。
6.接下來,王者賽事小程序的開發過程遵循簡單的原則:
第一,前端主動驅動產品7。樓主建議前端主動驅動產品的主要原因是:
8.1.前端技術在小程序開發中的比重很大
9.前端開發者可以為API和組件提供可行性評估。
10.由于小程序的API和組件大多屬于前端范疇,前端開發者可以告訴產品經理組件和API能達到什么程度;對于一些涉及后端技術的API,前端開發者了解整個前端和后端邏輯,可以和后端開發者討論如何制作接口(比如用戶識別接口)
11.隨著開發模式的轉變,前端架構首當其沖。
12.與網頁相比,小程序的前端技術形式雖然主體開發語言沒有改變,但仍然可以通過編寫javascript/(w)xml/css來實現邏輯,但是設計思路已經發生了很大的變化,原來大多數網頁的前端邏輯都是面向過程式編程,而小程序是借用HTML5技術棧,卻跑的是傳統的客戶端開發模式,限制了javascript直接控制界面,開發者只能通過數據驅動間接實現界面控制。
13.結合以上兩點,前端開發者可以進一步進行技術預研,輸出成型demo,并將其推廣到產品方面,引導其結合實際業務進行需求立項,而在需求立項后的功能迭代中,可以結合現有API或組件的技術擴展,對立項功能的設計邏輯提出建議。
14.TGIDEAS的前端團隊遵循上述方法,從10月到11月對小程序進行技術研究,輸出了一些技術demo,比如結合websocket的demo,結合實際業務數據的王者榮耀信息demo。
15.(王者榮耀賽事/官網小程序原型)
16.為了告訴相關團隊我們可以使用小程序實現什么,我們還寫了一篇專門的技術文章,最終得到了產品和項目方的認可,然后規劃了新的需求,最終決定了開發;在后續的開發中,對視頻直播、分享邏輯等功能提供了技術方和產品方的建議。
17.2.前端開發者需要考慮整個開發過程
18.首先,由于開發的需要,小程序賬號的唯一運營商需要綁定到前端開發者的微信號上。從最初的賬號申請到最終的審核和發布,以及后續的數據統計分析階段,前端開發者都需要參與,兼顧整個R&D、測試和發布過程。
19.其次,前端橋接交互、UI和后端是各方通信的橋梁。因此,如果前端學生在這個過程中積極推動整個項目的進展,項目的研發速度將大大提高。
小步快跑,敏捷開發20。每一個功能,每一個bug,在提出后的短時間內迅速實現,王者榮耀賽事小程序的開發周期之所以只花了一個月,取決于各方團隊的大力配合,實現了快速拉會、快速拍板、快速排期、快速開發等高效工作模式。
21.如何實現敏捷開發,樓主覺得只要有驅動。前端可以驅動產品,所以這個時候只要前端學生不把自己的角色定義為執行者,而是把它定義為驅動者,遇到問題不是尋求解決方案,而是提前預測解決方案,然后引導大家優化解決方案。
PLANB原則22..這也是樓主在其他項目中應用的原則,意思是任何技術方案,最好構思兩個方案,一個是預期方案,一個是保證方案。
23.預期計劃是一個大膽的假設計劃,必須安排時間進行預測、突破和實現。
24.保證方案是必然的方案,一般是非常簡單粗暴的方法,目的是保證整個產品邏輯至少能形成閉環。
25.這可能有點神秘。我舉個例子。在王者榮耀賽事小程序中,我們面臨著這樣一個問題:現有信息的數據格式不能滿足小程序的數據格式要求。
26.我們制定的預選方案是:在運營側或前端側制作自動轉換接口,將原始信息內容自動轉換成小程序格式的內容。
27.保證方案為:手動轉換文章格式,沉淀入庫,制作界面調用。
28.起初,經過初步嘗試,運營開發未能實現預選方案,于是我們迅速切換到保底方案,讓項目邏輯直接向下跑。后期釋放人力后,運營開發的同學其實已經突破了難關,原來的預選方案已經可以實現了。
29.保證方案是planb,不一定能用,但有不可磨滅的作用。
30.當然,這兩個方案不僅可以選擇其中一個,還可以同時使用。我們同時部署了熱區數據埋點統計的預期方案和保證方案。
31.預期計劃:微信提供的事件統計模塊
32.保證方案:點擊流的二次封裝接口
33.事實是,微信提供的事件統計模塊在小程序發布初期有bug,數據有些偏差。幸運的是,我們兩個計劃都部署了,點擊流的統計方法收集了熱區統計的數據。
34.以上討論了王者賽事小程序的應急開發流程和一些原則。事實上,攻克這個小程序后,我們手中其他小程序的開發過程就會順利進行。這里總結一個一般的流程圖:
35.(時間評估以我們團隊的人力狀況來衡量,僅供參考)
36.我在預延期部分涂了灰,不是說這個不重要。相反,樓主覺得這個特別重要。前端學生最好在項目開始前做好預研,這樣有時候會事半功倍。
37.在動態開發時期,視覺還原環節可以與當前網頁開發中的重構環節相比,可以培養當前的重構人力,然后分擔這部分工作。
38.謝謝大家的關注。
以上就是【是女人一定要看!微信小程序多少錢一個-做了4個微信小程序后我總結了一個快速開發流程-微信小程序快速賺50元-在微信里弄個小程序多少錢】的全部內容。


評論