個人音樂盒子（nodejs7 + koa2 + vue + vuex + vue-router）

大家知道的，nodejs對jser來講，是個好東西，快快的，自從接觸nodejs後，總想弄點東西。

這弄個啥了，一天打開百度音樂盒，喲，本身弄一個如何了，好啊好啊。

 

後臺： nodejs 7 + koa 2 

這就沒什麼了，其實，只須要一箇中轉，轉發查詢百度音樂的接口。

關於百度音樂的接口，抓包獲取百度歌曲api：http://www.tuicool.com/articles/fUbUZz3

 

前臺：vue + vuex + vue-router

vue就不提了，如今比較火，最開始寫了一個版本，是不帶vuex，發現數據傳遞，子父，父子兩個層級還好，多了，還真是麻煩，

後來重寫了一個版本，引入了vuex + vue-router。

 

github地址：https://github.com/xiangwenhu/MPlaer

而後由於不想babel轉換，因此chrome 55以上的版本才能夠，並且須要開啓實驗特性，具體以下

依賴百度API, 手機上暫不能自動播放
chrome 版本55以上，chrome須要開啓javascript相關試驗性特性 
打開步驟，
1）：打開chrome 
2)：輸入 chrome://flags/ 
3)：ctrl +F 搜索javascript 4):找到 實驗性 JavaScript Mac, Windows, Linux, Chrome OS, Android，點擊啓用，
5）：重啓瀏覽器 

下載後 npm install 
npm run build 
node --harmony server/app.js 

輸入  http://localhost:3000/ 爲 非vuex版本
輸入 http://localhost:3000/index 爲 vuex版本 

 

懶了，暫爲止

，奉上截圖，

哦，忘了，css比較差，大量引用百度的，見諒

在線演示：http://babydairy2017.cloudapp.net:3000/index

 

截圖：