React-Music（2018.12.27）

高仿网易云音乐安卓客户端

API：一个开源的网易云音乐 NodeJS 版 API（有 api 才有动力写！！！）

在线演示地址

Vue PC/移动端二合一版本

交流 QQ 群：529940193

如何安装与使用

react-music

# 下载 react-music
git clone https://github.com/maomao1996/react-music.git

# 进入 react-music 项目目录
cd react-music

# 安装依赖
npm install

# // 运行 react-music 访问 http://localhost:8163
npm run start

# // 项目编译打包
npm run build

后台服务器

网易云音乐 NodeJS 版 API

# 下载 NeteaseCloudMusicApi
git clone https://github.com/Binaryify/NeteaseCloudMusicApi.git

# 安装依赖
npm install

# 服务端运行 访问 http://localhost:3000
node app.js

运行 react-music 后无法获取音乐请检查后台服务器是否启动

.env 的 REACT_APP_BASE_API_URL 地址要和后台服务器地址一致

技术栈

• React（核心框架）
• React-Router（页面路由）
• Redux（状态管理）
• React-Redux
• Redux-Thunk
• ES 6 / 7（JavaScript 语言的下一代标准）
• Sass（CSS 预处理器）
• Axios（网络请求）
• ClassNames（处理动态 class ）
• Better-Scroll（一款重点解决移动端各种滚动场景需求的插件）
• FastClick（解决移动端 300ms 点击延迟）

项目布局

功能

• 播放器
• 正在播放
• 排行榜
• 歌单列表
• 歌单详情
• 搜索（歌曲、歌单）
• 皮肤切换

更新说明

V1.1.1（2018.12.27）

• 修复 Banner 图片不显示问题
• 修复歌单详情打开失败问题

V1.1.0（2018.07.24）

• 制作皮肤切换功能
• 增加 Toast 弹出层
• 优化 Scroll 组件逻辑
• 优化抽屉组件样式

V1.0.0（2018.06.12）发布正式版

• 制作播放器功能
• 制作正在播放列表功能
• 制作排行榜功能
• 制作歌单列表功能
• 制作歌单详情功能
• 制作搜索功能（歌曲、歌单）

License

MIT