宝塔面板部署mmPlayer – 网易云音乐

发布于 2020-07-02  249 次阅读


项目: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提供的登录框即可。


Love is merely a madness.