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

 

截圖:

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM