仿网易云音乐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.git

cd netmusic-node 

# install dependencies
npm install 

# serve at localhost:3000
node app.js

前台项目

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm 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接口请求到的是老接口数据,已经不维护了的数据

内容出处:,

声明:本网站所收集的部分公开资料来源于互联网,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。文章链接:http://www.yixao.com/procedure/12699.html

发表评论

登录后才能评论