CK-MUSIC

Music player catch qq music api QQMusic & QQMusic h5 效果页: QQ-PC-Mobile-Music-Demo

简介

参考了黄轶老师的这门课

进阶链接 https://coding.imooc.com/class/107.html

tech stack

vue2.5
vuex
qs
got
axios
koa
jsonp

capture

Player Show:

使用说明

配置

• 此项目的接口为开发接口 统一采用 jsonp 跨域接收信息，所以请设置 config.js 文件中的域名 前缀
• 端口设置目前为 server_api : 7992

安装

可以参考根目录的 .gitlab-ci.yml 文件 或者 .travis.yml

# 首先是需要启动api转发服务的，不然本地调试会不成功
cd server_api
yarn
yarn dev
# 第二步可以直接去调试前端vue了，先进mobile手机端的还是webPC端的都可以
cd ../web_music
yarn
yarn dev

cd ../mobile_music
yarn
yarn dev

部署（需要更多的技术能力）

# 首先是需要部署api转发服务
cd server_api
yarn
# 这里需要安装pm2插件
pm2 start app.js
# 第二步可以直接去 build 前端vue了，先进mobile手机端的还是webPC端的都可以
# 这里默认没有修改，所以直接的利用的我服务器转发，有必要可以修改/src/api/config.js文件
cd ../web_music
yarn
yarn build
放在 nginx 或者 apache 都可以

cd ../mobile_music
yarn
yarn build
放在 nginx 或者 apache 都可以