项目:https://github.com/maomao1996/Vue-mmPlayer
Api项目:https://github.com/Binaryify/NeteaseCloudMusicApi
环境配置
宝塔面板
PM2管理器(宝塔软件商店中自行安装)
域名
nginx
部署后台API服务
cd /www/wwwroot
git clone https://github.com/Binaryify/NeteaseCloudMusicApi.git
下载的文件放在了/www/wwwroot目录下。
在宝塔PM2管理器中设置项目:
项目所在根目录:设置为刚刚下载的NeteaseCloudMusicApi项目的目录「/www/wwwroot/NeteaseCloudMusicApi」;
启动文件名称:设置为「app.js」;
项目名称:「NeteaseCloudMusicApi」;
点击添加。
并放行相关端口,api 服务的默认端口为3000。
可以在宝塔面板中新建网站用于反代http://127.0.0.1:3000。
部署前端mmPlayer服务
cd /www/wwwroot
git clone https://github.com/maomao1996/Vue-mmPlayer.git
#安装依赖
cd Vue-mmPlayer
npm install
将目录中.env 文件的VUE_APP_BASE_API_URL地址修改为上一步反代API服务的地址
#编译打包
npm run build
在宝塔面板中新建用于在线播放的网站,并将Vue-mmPlayer目录下编译生成的dist文件夹中所有文件替换至新建的网站根目录中即可。
播放器支持在线登录,步骤如下:
打开网易云音乐官网(http://music.163.com);
点击页面右上角的“登录” 点击您的头像,进入我的主页;
复制浏览器地址栏 /user/home?id= 后面的数字(网易云 UID);
复制得到的网易云 UID到mmPlayer提供的登录框即可。
Comments | NOTHING