经典 发表于 2020-9-5 02:49:51

小程序开发流程详解

https://p1.pstatp.com/large/pgc-image/2511a4b574f44d049dc7a47bb7a04937小程序开发的分析图


以上是小程序开发的分析图。
功能分析:不管是将小程序外包还是公司内部开发,都要先做好功能分析,确定好小程序的功能点。等于做事情的目标,有目标才能做好做对。而功能点分析最好直接与开发人员沟通,他们运用自身的开发思维,能很好地分析功能的实现难易。期间最好做好草图分析,可以使用墨刀,Axure等工具做一个更易理解的原型图。这部分工作通常由产品经理,或者需求分析人员来做。
ui设计:UI设计师把功能分析后得到的草图进行具体设计,期间可能参考同行同类的优秀小程序或网站,并根据甲方产品调性进行个性化设计。选择或设计具有统一视觉体验的icon,更优秀的ui设计会对用户操作的习惯进行优化,把交互体验UE做得极致。注重这部分的客户可能会将组建自己的开发团队,长期对产品进行打磨优化。
前端框架使用: 在开发前,要确定是否使用多端同时开发,可以使用如uni-app,mpvue等知名框架。但使用该类框架容易带出部分兼容性问题,可能会因框架的限制导致无法解决。需要大量该框架的开发经验,否则不建议使用。而ui框架,如vant,weui,iview weapp等,最好只选择其一,选择更符合ui设计统一体验的进行开发。ui框架可以减少大量的重复人工成本,是很好的选择。
后端服务:后端服务是一个小程序最重要的部分,是功能实现的基础。接受外界的指令,进行分析整理存储数据和对外界进行沟通等。现在的微信小程序可以选择云开发功能,节省大部分后台服务器的费用和减少开发难度,节省开发周期等好处。而且云服务由腾讯官方提供,有稳定的保障,价格从免费起,使用门槛很低,人人皆可申请。
性能优化:控制包的大小,最好在1m左右,保证下载时间在一秒左右打开,这样的用户体验是最好的。减少/合并使用setData,或者局部更新setData。遇到大量数据更新时,要尽量避免过多的setData,保持在1秒10次以下的调用频率。 onPageScroll 要小心过度调用。 最后上线前可以使用audits来做体验测评。这个功能是微信开发者工具自带的。


https://p9.pstatp.com/large/pgc-image/9e361e42b2e4409fa723d36926a468bbaudits


整体的流程是这样,其实每一个流程都可能会遇到难点,可能是后端服务开发,也可能是ui设计符合产品调性,也可能是前端的性能优化不好。

原文:http://www.firecat-web.com/news/44
页: [1]
查看完整版本: 小程序开发流程详解