🐶效果浏览

🐯介绍

前端采用：React 18、Ant Design 4。

后端采用：node.js

后端接口使用的是网易云提供：网易云音乐 NodeJS 版 API

🐰内置功能

1. 音乐播放：进度条的拖拽、暂停播放、歌词滚动
2. 查看榜单：首页能够看到各种榜单
3. 轮播图展示

😎安装教程

1、clone下代码后，安装依赖 npm install ，运行服务npm start启动项目。

2、clone下上面网易云音乐NodeJs代码后，安装依赖 npm install ，运行服务node app.js启动项目。

网易云音乐NodeJs代码安装

安装

• git clone git@github.com:Binaryify/NeteaseCloudMusicApi.git
• cd NeteaseCloudMusicApi
• npm install

运行

• node app.js

🤝说明

本项目没有完全开发完成、只给大家一个参考。该项目是和coderwhy老师react课程所编写，可以下载代码看看开发思路。

🐼目录结构

assets->静态资源

common->通用的文件

components->组件

pages->页面

router->路由

services->服务

store->仓库

utils->工具

技术栈： react-router-dom使用的V5版本 react-router-config使用的也是5版本，来配置路由表 ant-d:使用v4版本 redux:使用redux进行状态管理

page文件：

discover->发现页面中c-pages中album->新碟上架、artist->歌手、djradio->主播电台、ranking->排名、recommend->推荐、songs->歌单 friend->朋友页面 mine->我的页面 player-> 播放

redux使用：在src目录下创建总的store，在每一个模块中创建分支store，会将分支的reducer引入到总store里的reducer中。