基于云开发的音乐小程序
基于原生云音乐小程序开发,技术实现主要是:云函数,云数据库,云存储三大基础能力,目前主要是着重小程序端的展示,后期会开发对应的后台管理系统,打造一个最佳实践项目,通过这个项目也可以帮助你快速使用小程序和node.js开发一个属于你自己的小程序,此项目会持续更新,欢迎
watch
和star
~
在运行本项目前,请先确保是小程序云开发环境,具体操作见官网指导
- 用户信息获取、显示
- 我的动态列表
- 最近播放列表
- 我的电台
- 我的收藏
- 推荐歌单
- 推荐电台
- 歌单数据去重
- 突破获取数据条数的限制
- 播放数量细节处理
- 云函数路由优化tcb-router
- 添加喜欢歌单列表
- 我收藏的歌单列表
- 歌曲播放页面
- 歌词滚动
- 切换上一首/下一首
- 歌词随播放进度联动
- 歌词高亮显示
- 进度条拖动播放
- 进度条与播放时间联动
- iconfont字体图标
- 自动播放下一首
- 发布个人动态
- 上传文字、图片
- 时间格式化处理
- 是否授权判断
- 搜索功能(用户/发表的动态)
- 评论功能
- 分享功能
- 模板消息订阅
- 生成小程序码
- 统一的播放组件,方便进行切换页面后可以随时进入到播放页面
这里主要介绍下各级目录
- cloud // 项目云函数文件
- components // 封装的项目中可复用的组件
- images // 项目中tabbar栏的图片
- pages // 项目中的业务页面都在这个目录中
- utils // 可以复用的工具方法可以放到这个目录当中,目前封装了时间格式化、让小程序支持async await写法的相关方法
- app.js // 全局入口文件
- app.json // 页面的配置文件
- app.wxss // 全局样式
- iconfont.wxss // 引入iconfont基础样式
- project.config.json // 项目的配置文件
- 我的收藏
- 播放模式(随机/单曲/顺序)
- 歌手页面
下面简要列出几张效果图
还有一些功能点以及细节都还有待进一步完善,目前先把大致主要的功能进行了下实现,当然如果发现什么问题,欢迎能够提交issues
,发现之后我会及时进行更正,欢迎 star
和 fork
,感谢大家支持🙏。