记一次微信小程序开发

18年六月份,和同学体验了一次微信小程序开发过程,我们共三人,分为前端开发,后台开发,应用设计三个角色,我担任了前端开发角色,这是我第一次参与到项目中,参与了做项目的全部过程,并且作为学生团体,我们的分工并没有那么的分明,功能、界面等基本是三个人共同商议的,我们之前都没有接触过微信小程序,边学习边开发,耗时一个月,总体感觉是:以前知道做项目累,但现在才知道这么累!!!但是收获大于付出,在开发过程中,同学意见的交流,写代码过程中对编程的更深理解,让我们觉得付出是值得的。

开发过程

1.成果展示

介绍视频:https://v.qq.com/x/page/o06826gk2cj.html

2.小程序简介

一款配音类小程序,主要目的是基于大众缺乏配音的渠道的现状(例如对日漫、外国电影等题材配音),提供上传配音素材、对现有素材配音的功能

3.细节

主色调为正红色#FF0000,主页面有“广场”和“我的”两个.
“广场”页面的内容是所有作品,按上传时间排序,触底刷新,且有动漫,电影,诗词,外语等7个分类,页面采取内嵌背景,背景不会随用户滑动页面而滚动。
“我的”页面的内容主要是用户的自我管理,有更改头像、用户名,我的素材,我的作品,意见反馈几个入口,该模块在不同的小程序中大同小异,不做赘述。
“广场”的下面有一个“+”符号,是上传素材的入口。在上传素材分页面,主要有一个视频组件,一个滑动组件来供用户选择其素材的类型,拍摄视频或上传本地视频的两个供用户选择,以及一个按钮组件为上传素材的入口,上传成功或失败会有提示。
“广场”的上面有一个搜索框,用于输入关键词,搜索特定的素材或作品,搜索确认后,进入搜索结果页面,分为所搜索的素材和所搜索的作品两部分,包括素材或作品的视频,作者头像,作者用户名,点击该模块,即可进入配音页面进行配音,配音页面和上传作品页面相似,只是录制视频换成了录音,上传素材换成了上传作品。

4.开发难点

用到的知识有html,css,javascript,以及json数据格式。
该小程序的主要技术点分为两个,小程序的基本框架就不叙述了。

一:内嵌背景。

做这一部分时,背景的来源真的是困扰了我很久,若先把图片上传到服务器,再调用URL,有一个问题就是,我们当时是用腾讯为比赛准备的三个月免费服务器,在调试过程中,我们发现该服务器极不稳定,我和后端同学真的死几近崩溃,所以这个方案行不通。
另一个方案是,使用本地图片,按理说这个方案没毛病,可在开发过程中,就是调用不上,上网搜了一下,有人说本地图片不能直接用路径,应该把图片转换成base64格式,什么!孤陋寡闻了,第一次听说这个格式,转换以后,更是难以置信,转换以后的代码,足足有近千行,这也可以?本来没有抱一丝希望的试了一下,竟然。。。成功了(大吃一鲸),可能这也是小程序的一个bug吧。。。。。

二:配音

因为用户上传的素材,不一定是没有声音的文件,所以我们要将素材进行静音操作,这样用户录制作品(配音)时,就把音频路径置成用户的音频,视频路径置成素材路径并静音

5.存在的问题

作为学生团体,我认为我们最大的问题就是没有系统的规划,排版、颜色搭配等都是三个人商量完成,所以做成的作品(说实话)并不美观,而且功能也有些凌乱,不系统,还有服务器的问题,服务器经常性崩,小心脏受不住啊。。。

6.心得总结

这次开发经历,我体会了小程序的精简,麻雀虽小,五脏俱全,但是正因为为他的小,存在许多问题,就比如API里,这个接口可以用,那个接口又已经不能使用,开发者修修改改,调试半天才发现是接口的问题,希望小程序能尽早解决这个问题
并且通过这次项目经历,我更深体会了理论知识在实际运用中可能会出现的种种问题,以及程序员和产品之间的沟通交流(争吵,哈哈哈),学到了很多

猜你喜欢

转载自blog.csdn.net/qq_40268255/article/details/87003881