你們知道的,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
截圖: