Vue全家桶高仿網易雲音樂-還有小程序版

功能最多，按照ios客戶端高仿，還有小程序版嘞

網易忠粉，去年小程序剛出來時候開始用小程序寫過一版高仿ios版網易雲音樂。一直在踩坑，基本完成後開始考慮用vue實現(實際上是懶，想脫坑)。vue以前僅限於活動頁使用，全家桶沒用過，因此此次也是邊學邊作，不少東西來回重寫了好屢次。

遇到的問題

1. 第一次用全家桶，不過vuex確實是神器，寫太小程序，數據同步狀態管理簡直了。。。
2. 數據接口格式不一樣，fm,單曲，節目三種格式，用一個audio。寫的頭大

技術棧

1. Vue全家桶(vue,vue-router,vuex)
2. axios(http)
3. mint-ui+移植原來小程序版的css
4. node(接口服務)，地址在這裏
5. 圖片資源來自ios端解壓縮文件

項目地址, 歡迎 star，issue

vps ip已經被封 沒法在線預覽

1. Vue版 ：https://github.com/sqaiyan/ne...
2. 小程序版 ：https://github.com/sqaiyan/ne...
3. node後端 ：https://github.com/sqaiyan/ne...

部署

後端項目

# 克隆node後端代碼到本地
git clone git@github.com:sqaiyan/netmusic-node.git

cd netmusic-node 

# install dependencies
npm install 

# serve at localhost:3000
node app.js

前臺項目

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

預覽圖gif版比較大、

小程序版預覽圖gif

已完成功能

1. 首頁（個性推薦，分類歌單，電臺推薦，熱門排行
2. 搜索（hot ,history ,suggest ,multimatch; 單曲，歌單，歌手，mv等。。。
3. 詳情單頁類（歌單，歌手，電臺，專輯，評論，用戶，類似推薦，每日推薦
4. 播放頁（單曲，FM，節目：上下一曲，播放模式[單曲，隨機，順序]，單曲喜歡，單曲收藏到歌單，fm trash，快進快退，歌詞，播放列表
5. 個人（登陸，雲盤，收藏

待完成功能（根據api破解狀況

1. 評論（操做類
2. 動態
3. 音質切換
4. 歌詞翻譯
   ....

存在的問題或bug

1. 單曲播放進入評論等前進頁面，單曲播放完自動播放下一曲後頁面回退回播放頁面 路由自動切換不了，會播放上一曲，邏輯這塊沒理順
2. 目前的api基本都是根據官網版扒下來的，git上發佈的一些也基本都是這樣，客戶端接口用的是最新版的 沒有能力扒出來。存在問題是banner接口請求到的是老接口數據，已經不維護了的數據
3. mint-ui庫就用到幾個功能，準備單獨扣出來或本身寫，去掉對這個庫的引用。
4. 手機真機性能不咋地吧，可能功能多js太大了，有的頁面邏輯很差影響的吧。總體keepalive了，這。。。有時間研究下怎麼搞