以上是小程序開發(fā)的分析圖。

功能分析：不管是將小程序外包還是公司內(nèi)部開發(fā)，都要先做好功能分析，確定好小程序的功能點(diǎn)。等于做事情的目標(biāo)，有目標(biāo)才能做好做對。而功能點(diǎn)分析最好直接與開發(fā)人員溝通，他們運(yùn)用自身的開發(fā)思維，能很好地分析功能的實(shí)現(xiàn)難易。期間最好做好草圖分析，可以使用墨刀，Axure等工具做一個(gè)更易理解的原型圖。這部分工作通常由產(chǎn)品經(jīng)理，或者需求分析人員來做。

ui設(shè)計(jì)：UI設(shè)計(jì)師把功能分析后的到的草圖進(jìn)行具體設(shè)計(jì)，期間可能參考同行同類的優(yōu)秀小程序或網(wǎng)站，并根據(jù)甲方產(chǎn)品調(diào)性進(jìn)行個(gè)性化設(shè)計(jì)。選擇或設(shè)計(jì)具有統(tǒng)一視覺體驗(yàn)的icon，更優(yōu)秀的ui設(shè)計(jì)會對用戶操作的習(xí)慣進(jìn)行優(yōu)化，把交互體驗(yàn)UE做得極致。注重這部分的客戶可能會將組建自己的開發(fā)團(tuán)隊(duì)，長期對產(chǎn)品進(jìn)行打磨優(yōu)化。

前端框架使用： 在開發(fā)前，要確定是否使用多端同時(shí)開發(fā)，可以使用如uni-app，mpvue等知名框架。但使用該類框架容易帶出部分兼容性問題，可能會因框架的限制導(dǎo)致無法解決。需要大量該框架的開發(fā)經(jīng)驗(yàn)，否則不建議使用。而ui框架，如vant，weui，iview weapp等，怎最好只選擇其一，選擇更符合ui設(shè)計(jì)統(tǒng)一體驗(yàn)的進(jìn)行開發(fā)。ui框架可以減少大量的重復(fù)人工成本，是很好的選擇。

后端服務(wù)：后端服務(wù)是一個(gè)小程序最重要的部分，是功能實(shí)現(xiàn)的基礎(chǔ)。接受外界的指令，進(jìn)行分析整理存儲數(shù)據(jù)和對外界進(jìn)行溝通等。現(xiàn)在的微信小程序可以選擇云開發(fā)功能，節(jié)省大部分后臺服務(wù)器的費(fèi)用和減少開發(fā)難度，節(jié)省開發(fā)周期等好處。而且云服務(wù)由騰訊官方提供，有穩(wěn)定的保障，價(jià)格從免費(fèi)起，使用門檻很低，人人皆可申請。

性能優(yōu)化：控制包的大小，最好在1m左右，保證下載時(shí)間在一秒左右打開，這樣的用戶體驗(yàn)是最好的。減少/合并使用setData，或者局部更新setData。遇到大量數(shù)據(jù)更新時(shí)，要盡量避免過多的setData,保持在1秒10次以下的調(diào)用頻率。 onPageScroll 要小心過度調(diào)用。 最后上線前可以使用audits來做體驗(yàn)測評。這個(gè)功能是微信開發(fā)者工具自帶的。

整體的流程是這樣，其實(shí)每一個(gè)流程都可能會遇到難點(diǎn)，可能是后端服務(wù)開發(fā)，也可能是ui設(shè)計(jì)符合產(chǎn)品調(diào)性，也可能是前端的性能優(yōu)化不好。

若有定制開發(fā)需求： 請聯(lián)系 18665003093（微信同號）