Site icon 老张博客

宝塔面板安装Vue-mmPlayer小记

其实是为了装B吧,一直想安装一个在线音乐播放网站,前一段时间折腾MKOnlineMusicPlayer,最终不得果。原因有二,一是作者已经停止更新,二是在我目前使用的香港VPS上安装不了。只能安装在我的搬瓦工的VPS上。因为手里有四台主机,所以前段时间把搬瓦工的低价卖了,所以不得不再次折腾音乐播放网站了。

Vue-mmPlayer,直接上项目地址吧:https://github.com/maomao1996/Vue-mmPlayer

这款源码需要Vue支持,我查了很多教程,都是直接用命令方式安装的,但是我习惯于宝塔面板,所以就折腾下在宝塔面板下安装Vue-mmPlayer

首先去项目地址下载源码,再到https://github.com/Binaryify/NeteaseCloudMusicApi下载api接口源码,二者缺一不可。

到宝塔面板的软件商店里安装PM2管理器。

将下载好的两个文件上传至网站根目录下,将NeteaseCloudMusicApi解压至根目录下,为了便于记忆,可以改成你自己想记的文件名。

再到软件商城里设置PM2管理器,添加项目。项目所在根目录,就选择你解压的NeteaseCloudMusicApi的目录,启动文件名添app.js,项目名称随意填个易记的即可。填写好后添加项目即可。

注意这里宝塔的PM2管理器有个BUG,虽然项目添加进去了,但是在项目列表里并看不到。在宝塔论坛也有人向官方提交了此BUG

把Vue-mmPlayer-master里的文件直接解压至根目录,注意,是把文件直接解压至根目录。

重要的一步,把Vue-mmPlayer-master解压之后的文件夹里的mmplayer文件夹里的所以文件也剪切到网站根目录。

不要问我为什么这么样,反正这样成功了。官方的教程里是什么安装依赖、运行项目、再什么项目打包、再什么上传,真的反正我是没有看懂。倒不如在宝塔面板傻瓜化地操作来的方面。

不管你信不信,反正我是信了,因为这样成功了!

因为api接口不支持https访问,目前使用http://mp3.zhangbo.org可以正常使用,而https://mp3.zhangbo.org 不能读取歌单列表。联系作者说什么要把api反代什么的,正在折腾,等折腾好了再出一篇教程吧。

有哪位大神知道宝塔面板下api反代访问https的,共享下知识

 

 

Exit mobile version