仿网易云音乐APP的微信小程序【小程序和Vue版本】
小程序版本:
首先是网易云的音乐接口:
npmi
nodeapp.js或者pm2 forever之类启动
源码获取见文章底部。
目前实现功能
- 用户
- 歌单
- FM
- 播放
- 评论
- MV
- 专辑
- 歌手
- 登录
- 歌曲红心,FM trash,收藏单曲至歌单
- 收听记录
- 歌单歌曲推荐
- 迷你播放条
- 电台,节目
- 搜索
TODO
- 增加评论,评论点赞等
- 歌词翻译
- 收藏(歌单,歌手,专辑,电台
- 音质切换
- 用户动态,粉丝
- 新歌 新专 分类电台
系统的界面截图如下所示:
Vue版本:
技术栈
- Vue全家桶(vue,vue-router,vuex)
- axios(http)
- mint-ui+移植原来小程序版的css
- node(接口服务),地址在这里
- 图片资源来自ios端解压缩文件
部署
后端项目
# 克隆node后端代码到本地
gitclone [email protected]:sqaiyan/netmusic-node.git
cdnetmusic-node
# install dependencies
npminstall
# serve at localhost:3000
nodeapp.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
系统具体的截图如下所示:
参考地址:
https://blog.csdn.net/qq_38830964/article/details/94844359
关注公众号,后端回复:音乐小程序
转发、点赞、在看,是最大支持。
孟哥继续分享ing……
最新评论
推荐文章
作者最新文章
你可能感兴趣的文章
Copyright Disclaimer: The copyright of contents (including texts, images, videos and audios) posted above belong to the User who shared or the third-party website which the User shared from. If you found your copyright have been infringed, please send a DMCA takedown notice to [email protected]. For more detail of the source, please click on the button "Read Original Post" below. For other communications, please send to [email protected].
版权声明:以上内容为用户推荐收藏至CareerEngine平台,其内容(含文字、图片、视频、音频等)及知识版权均属用户或用户转发自的第三方网站,如涉嫌侵权,请通知[email protected]进行信息删除。如需查看信息来源,请点击“查看原文”。如需洽谈其它事宜,请联系[email protected]。
版权声明:以上内容为用户推荐收藏至CareerEngine平台,其内容(含文字、图片、视频、音频等)及知识版权均属用户或用户转发自的第三方网站,如涉嫌侵权,请通知[email protected]进行信息删除。如需查看信息来源,请点击“查看原文”。如需洽谈其它事宜,请联系[email protected]。