原生小程序云开发 ---仿网易云音乐 + 博客 + 后台
2020/6/22 11:27:24
本文主要是介绍原生小程序云开发 ---仿网易云音乐 + 博客 + 后台,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
github地址: github.com/932361223/M…
该项目使用原生小程序组件化开发打造小程序前端部分,使用小程序云开发打造小程序后端部分,实现触发器定时更新歌单(接口获取),播放歌曲,歌词,进度条,博客等功能,通过后台管理系统访问云开发资源实现对项目中数据及文件的管理。
云音乐组成
![](/upload/202006/22/202006221127208978.png)
前端部分---组件化开发
![](/upload/202006/22/202006221127210365.png)
后端部分
![](/upload/202006/22/202006221127211390.png)
后台部分
![](/upload/202006/22/202006221127212357.png)
![](/upload/202006/22/202006221127213656.png)
项目基础架构
一、歌单组件
· Swiper组件库做轮播图
· 服务端获取歌曲信息并渲染
· 上拉下拉刷新歌单
![](/upload/202006/22/202006221127214945.png)
二、歌曲列表
· 组件化开发思想
· 定时触发云函数读取数据并写入云数据库
· 突破云函数读取数据条数限制
· 云函数路由优化tcb- router
![](/upload/202006/22/202006221127217543.png)
三、歌曲进度条
· 媲美原生体验的小程序音乐播放器
· 歌词解析与播放时间联动
· 性能优化
· 引入 iconfont字体图标
![](/upload/202006/22/202006221127219955.png)
四、歌词组件
![](/upload/202006/22/202006221127222406.png)
五、底部弹出层组件
登陆和评论
![](/upload/202006/22/202006221127224291.png)
![](/upload/202006/22/202006221127225317.png)
六、发布博客
· 小程序用户信息授权流程
· 多文件上传云存储异步操作
· 云数据库模糊査询、索引管理、权限管理
![](/upload/202006/22/202006221127228276.png)
![](/upload/202006/22/202006221127230502.png)
七、博客卡片
![](/upload/202006/22/202006221127231655.png)
八、博客详情及评论
· 云数据库中1对N关系的三种设计方式
· 云调用实现模板消息推送
· 云数据库多集合查询
· 博客分享给好友
![](/upload/202006/22/202006221127233208.png)
九、我的功能
· 对比不同方式获取用户信息的应用场景
· 本地存储播放历史
· 云函数调用云数据库与小程序调用云数据库的区别
· 云调用生成小程序码
![](/upload/202006/22/202006221127234135.png)
![](/upload/202006/22/202006221127235991.png)
![](/upload/202006/22/202006221127238266.png)
![](/upload/202006/22/202006221127240747.png)
十、后台管理系统
· 前后端分离架构
· vue-admin-template构建管理系统前端
· Koa2构建管理系统后端
· HTTP API访问云开发资源
![](/upload/202006/22/202006221127244380.png)
![](/upload/202006/22/202006221127246382.png)
![](/upload/202006/22/202006221127248276.png)
这篇关于原生小程序云开发 ---仿网易云音乐 + 博客 + 后台的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-302024年最新版云开发cms开通步骤,开始开发微信小程序前的准备工作,认真看完奥!
- 2024-03-30微信小程序的网络设置,及网络请求:wx.request(OBJECT)
- 2024-01-22基于taro搭建小程序多项目框架
- 2024-01-13小程序开发:在插件市场寻找步骤条组件并二开
- 2024-01-05钉钉小程序生态—企业机器人加互动卡片,改善用户体验的开始!
- 2023-12-29【UniApp】-uni-app-打包成小程序
- 2023-12-26性能翻倍!京东亿级体量小程序优化实践
- 2023-12-25小程序优化:第三方SDK过大解决方案
- 2023-11-26微信小程序文件预览和下载-文件系统
- 2023-11-2652天学习微信小程序计划No.2:注册小程序账号&安装开发者工具