react手藝棧仿App版網易雲音樂

原本沒盤算寫網易雲音樂的，彷佛都已被人人寫爛了，不過沒辦法，臨時想不到其他的可寫，加上網易雲音樂又有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，寫的不好的處所也請大佬指導