天天看点

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