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