云猫探店小程序,用户可以通过小程序来接取商家端发布的任务,上传任务视频获得相应报酬。
使用技术:vue2+vant+axios , 使用 uniapp 进行开发。
额外技术:使用阿里云流水线进行小程序自动化提交,很大程度节省了开发人员的时间,使用小程序v2命令,外加阿里云流水线的环境变量,实现了自动化提交多个小程序,对小程序使用 阿里云 arm 监控。
对 vant 部分组件进行二次封装。
对 axios 进行封装。
封装功能函数。
项目难点:
1.小程序中部分页面存在大量视频,部分机型在加载视频、播放视频、上下滑动切换视频时会出现小程序内存不足闪退,微信崩溃等问题。后经过多次复现,可能是因为微信设置的自定义缓存的位置有容量限制。解决方案是使用 video 的属性 custom-cache=“false ”关闭自定义缓存,使用系统缓存。
2.动态海报,小程序中存在大量的海报页面,考虑到重复率、性能、项目周期,因此使用使用了 uniapp 插件市场中的一款海报插件,插件 id :lime-painter。
3.抖音关闭扫码回传视频功能。解决思路,通过企业微信客服功能该用户发送回传链接,用户通过点击链接跳转到抖音回传平台,完成上传。