摘要：本來沒打算寫網易云音樂的，好像都已經被大家寫爛了，不過沒辦法，暫時想不到其他的可寫，加上網易云音樂又有，還可以基于做一層的處理再提供給前端調用，然后才決定用寫了這個仿版網易云音樂技術棧實現的功能發現頁我的電臺頁側邊欄歌單內頁電臺內

本來沒打算寫網易云音樂的，好像都已經被大家寫爛了，不過沒辦法，暫時想不到其他的可寫，加上網易云音樂又有API，還可以基于restful API做一層graphql的處理再提供給前端調用，然后才決定用react寫了這個仿app版網易云音樂

react

react-router

redux

react-redux

react-motion

better-scroll

ES6/7

stylus

koa

graphql

發現頁

我的

電臺頁

側邊欄

歌單內頁

電臺內頁

搜索頁及結果頁

上一首

下一首

播放模式切換

歌曲刪除

歌詞

左右滑切歌

git clone git@github.com:Binaryify/NeteaseCloudMusicApi.git

這是網易云API，因為最新的banner數據已經改了，可以git reset --hard d155a1fc0177e525cb650d239b8a98a8549a85e1回退到這次提交

cross-env PORT=8080 npm start

首先啟動api服務器，需要用8080端口啟動

git clone git@github.com:Kim09AI/react-music.git

# dev模式
# 先啟動graphql服務器
$ cd server && npm run dev
# 再回到根目錄
$ npm start

# production模式
# 首次build前先執行(因為使用了dll)
$ npm run build:dll
$ npm run build
# 本地以production模式啟動服務器
cd server && npm start

線上地址
github地址
移動端預覽

主要還是在react-redux的使用了，數據應該保存在state還是全局的store，主要還是看數據需不需要共享，或者是需不需要緩存，不然存在store反而會使問題變得更麻煩

感謝Binaryify提供的NeteaseCloudMusicApi
歡迎star或fork，有問題或有發現bug頁歡迎提issues，寫的不好的地方也請大佬指點