天天看點

我的音樂盒子(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

截圖:

我的音樂盒子(nodejs7 + koa2 + vue + vuex + vue-router)
我的音樂盒子(nodejs7 + koa2 + vue + vuex + vue-router)