原生小程序云开发 ---仿网易云音乐 + 博客 + 后台

2020/6/22 11:27:24

本文主要是介绍原生小程序云开发 ---仿网易云音乐 + 博客 + 后台,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

github地址: github.com/932361223/M…

该项目使用原生小程序组件化开发打造小程序前端部分,使用小程序云开发打造小程序后端部分,实现触发器定时更新歌单(接口获取),播放歌曲,歌词,进度条,博客等功能,通过后台管理系统访问云开发资源实现对项目中数据及文件的管理。

云音乐组成

前端部分---组件化开发

后端部分

后台部分

项目基础架构

一、歌单组件

· Swiper组件库做轮播图
· 服务端获取歌曲信息并渲染
· 上拉下拉刷新歌单

二、歌曲列表

· 组件化开发思想
· 定时触发云函数读取数据并写入云数据库
· 突破云函数读取数据条数限制
· 云函数路由优化tcb- router

三、歌曲进度条

· 媲美原生体验的小程序音乐播放器
· 歌词解析与播放时间联动
· 性能优化
· 引入 iconfont字体图标

四、歌词组件

五、底部弹出层组件

登陆和评论

六、发布博客

· 小程序用户信息授权流程
· 多文件上传云存储异步操作
· 云数据库模糊査询、索引管理、权限管理

七、博客卡片

八、博客详情及评论

· 云数据库中1对N关系的三种设计方式
· 云调用实现模板消息推送
· 云数据库多集合查询
· 博客分享给好友

九、我的功能

· 对比不同方式获取用户信息的应用场景
· 本地存储播放历史
· 云函数调用云数据库与小程序调用云数据库的区别
· 云调用生成小程序码

小程序音乐博客类的不给审核过,所以生成小程序也用不了

十、后台管理系统

· 前后端分离架构
· vue-admin-template构建管理系统前端
· Koa2构建管理系统后端
· HTTP API访问云开发资源



这篇关于原生小程序云开发 ---仿网易云音乐 + 博客 + 后台的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程