博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
我的音乐盒子(nodejs7 + koa2 + vue + vuex + vue-router)
阅读量:5835 次
发布时间:2019-06-18

本文共 801 字,大约阅读时间需要 2 分钟。

你们知道的,nodejs对jser来说,是个好东西,快快的,自从接触nodejs后,总想弄点东西。

这弄个啥了,一天打开百度音乐盒,哟,自己弄一个如何了,好啊好啊。

 

后台: nodejs 7 + koa 2 

这就没什么了,其实,只需要一个中转,转发查询百度音乐的接口。

关于百度音乐的接口,抓包获取百度歌曲api:

 

前台: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

 

截图:

 

 

转载地址:http://enycx.baihongyu.com/

你可能感兴趣的文章
31载春运 老铁警退休前站好最后一班岗
查看>>
南京少年交警帅气“开拔”
查看>>
特雷莎·梅严防议会架空 不排除延后英国“脱欧”
查看>>
陕西咸阳发掘秦墓75座 发现中西交流特色琉璃珠
查看>>
高雄购房调查:本地与外地人都看好三块区域
查看>>
中国环境损害司法鉴定机构突破100家
查看>>
首创置业“中国之家-和园”将在巴黎开工奠基
查看>>
NoSQL还是SQL?这一篇讲清楚
查看>>
建议收藏:你想要的开发和设计资源全部都在这里
查看>>
基于 D3.js 绘制动态进度条
查看>>
你为什么会被解雇? — Top 10 面试问题解析
查看>>
lodash源码分析之缓存使用方式的进一步封装
查看>>
Android复杂数据流的“高效”渲染(二)
查看>>
Android监测用户行为之中AOP编程之AspectJ实战
查看>>
用 Swift 来刷 leet code 吧 (1-20)
查看>>
20分钟上手 webAssembly
查看>>
SpringBoot下使用定时任务的方式全揭秘
查看>>
强引用、弱引用、软引用
查看>>
Maven构建自动化
查看>>
刷前端面经笔记(四)
查看>>