微前端架构如何改变企业的开发模式与效率提升
2877
2022-10-09
网易云音乐小程序版(网易云微信小程序)
项目截图
主页
主页->播放器&私人FM
主页->登陆
主页->歌单
主页->歌单2
歌词&滚动
歌曲->评论
歌曲->我的评论
用户信息
我的歌单
前言
这是一个基于小程序的网易云音乐,后台数据暂时采用的是@Binaryify所提供的api接口,大神已经把网易云的接口爬取下来了 api地址,把他项目拉取下来run一下就可以跑起来 暂时使用localhost做模拟机调试(18/09/13)等到以后有时间了架设一个服务器自己搭一个node环境,配置ssl满足小程序的需求。
功能
主要有以下部分
登陆页面
暂只支持手机号登陆(接口支持邮箱,但是我没用163邮箱注册过哈哈)
播放页面
暂停,播放,上一首下一首,播放歌单,滚动歌词,拖动播放。从歌单删除当前(09/14)中英文歌词同步(09/14)
后台播放功能
播放器采用了小程序内置的createInnerAudioContext方法,在页面销毁时不会销毁实例,以这个为基础实现了后台播放 播放歌单功能(性能方面需要优化,定时器以及变量用的过多,可能导致页面性能降低),从上级页面跳入将判断当前播放歌曲与当前选中歌曲。
评论页面
查看评论查看热门评论为评论点赞(需要登陆)(09/21)发表评论(09/24)
主页
主页->私人FM
随机播放你可能喜欢的歌曲,可以为歌曲点赞//todo点赞有请求成功,但是没有回显,后续完善
主页->热门歌单
歌单页面可以收藏歌单,播放歌单,单个播放等,收藏的歌单在我的里面可以看见
主页->热门搜索与搜索
我的歌单
我的歌单展示了我创建的歌单以及我收藏的歌单从我的页面 跳转到歌单页面
用户信息页面
当前用户信息只展示了头像以及签到
环境要求
需要使用微信小程序开发 后台需要使用NodeJs 6.0+运行
环境安装
微信小程序从小马哥那里-就好 后台环境按照 api地址 大神的指示搭建 小程序模拟机调试时需要在设置-》项目设置里关闭(不校验合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书)选项,当然,后续将使用https搭建服务器
不足与优化
当前最大的问题是代码的优化与整理,后续将从以下几点出发修正,当然等这个项目完结才行 1.公有代码的抽取
将api请求抽取出来成为模块化管理
2.冗余变量的清除与代码优化
对一些性能消耗过大的代码优化,处理
3.项目完善与更新 4.bug tofix (拖动滚动条如果当前歌曲加载不到那个位置将会停止滚动条的移动)
TODO
评论
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~