仿网易云音乐APP的微信小程序

小程序版本:首先是网易云的音乐接口:
npm i node app.js或者pm2 forever之类启动源码获取见文章底部 。
目前实现功能

  1. 用户
  2. 歌单
  3. FM
  4. 播放
  5. 评论
  6. MV
  7. 专辑
  8. 歌手
  9. 登录
  10. 歌曲红心,FM trash , 收藏单曲至歌单
  11. 收听记录
  12. 歌单歌曲推荐
  13. 迷你播放条
  14. 电台 , 节目
  15. 搜索
TODO
  • 增加评论 , 评论点赞等
  • 歌词翻译
  • 收藏(歌单 , 歌手 , 专辑 , 电台
  • 音质切换
  • 用户动态 , 粉丝
  • 新歌 新专 分类电台
系统的界面截图如下所示:
仿网易云音乐APP的微信小程序文章插图
仿网易云音乐APP的微信小程序文章插图
仿网易云音乐APP的微信小程序文章插图
仿网易云音乐APP的微信小程序文章插图
仿网易云音乐APP的微信小程序文章插图
仿网易云音乐APP的微信小程序文章插图
仿网易云音乐APP的微信小程序文章插图
仿网易云音乐APP的微信小程序文章插图
仿网易云音乐APP的微信小程序文章插图
Vue版本:技术栈
  1. Vue全家桶(vue,vue-router,vuex)
  2. axios(http)
  3. mint-ui+移植原来小程序版的css
  4. node(接口服务) , 地址在这里
  5. 图片资源来自ios端解压缩文件
部署后端项目# 克隆node后端代码到本地git clone git@github.com:sqaiyan/netmusic-node.gitcd netmusic-node # install dependenciesnpm install # serve at localhost:3000node app.js前台项目# install dependenciesnpm install# serve with hot reload at localhost:8080npm run dev# build for production with minificationnpm run build# build for production and view the bundle analyzer reportnpm run build --report系统具体的截图如下所示:
仿网易云音乐APP的微信小程序文章插图
仿网易云音乐APP的微信小程序文章插图
仿网易云音乐APP的微信小程序文章插图
仿网易云音乐APP的微信小程序文章插图
仿网易云音乐APP的微信小程序文章插图
仿网易云音乐APP的微信小程序文章插图
仿网易云音乐APP的微信小程序文章插图
仿网易云音乐APP的微信小程序文章插图
仿网易云音乐APP的微信小程序文章插图
仿网易云音乐APP的微信小程序文章插图
仿网易云音乐APP的微信小程序文章插图
仿网易云音乐APP的微信小程序文章插图
仿网易云音乐APP的微信小程序文章插图
仿网易云音乐APP的微信小程序文章插图
已完成功能
  1. 首页(个性推荐 , 分类歌单 , 电台推荐 , 热门排行
  2. 搜索(hot ,history ,suggest ,multimatch; 单曲 , 歌单 , 歌手 , mv等 。。。
  3. 详情单页类(歌单 , 歌手 , 电台 , 专辑 , 评论 , 用户 , 相似推荐 , 每日推荐
  4. 播放页(单曲 , FM , 节目:上下一曲 , 播放模式[单曲 , 随机 , 顺序] , 单曲喜欢 , 单曲收藏到歌单 , fm trash , 快进快退 , 歌词 , 播放列表
  5. 我的(登录 , 云盘 , 收藏
待完成功能(根据api破解情况
  1. 评论(操作类
  2. 动态
  3. 音质切换
  4. 歌词翻译 ....
存在的问题或bug
  1. 单曲播放进入评论等前进页面 , 单曲播放完自动播放下一曲后页面回退回播放页面 路由自动切换不了 , 会播放上一曲 , 逻辑这块没理顺
  2. 目前的api基本都是根据官网版扒下来的 , git上发布的一些也基本都是这样 , 客户端接口用的是最新版的 没有能力扒出来 。 存在问题是banner接口请求到的是老接口数据 , 已经不维护了的数据