宝塔面板安装Vue-mmPlayer小记

Auth:老张       Date:2019/12/7       Cat:电脑网络       Word:共983字

◷2019/12/7   👁浏览:10.7K   🗨11条评论

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

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

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

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

宝塔面板安装Vue-mmPlayer小记 - 第1张图片

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

宝塔面板安装Vue-mmPlayer小记 - 第2张图片

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

宝塔面板安装Vue-mmPlayer小记 - 第3张图片

再到软件商城里设置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的,共享下知识

 

 

《宝塔面板安装Vue-mmPlayer小记》留言数:11

  1. 老张博客-星光星光

    这是我第三次发表回复。你搞的站都打不开了。搬瓦工什么配置?以前买的不是很贵吧

    6楼 回复
    1. 老张博客-张波张波文章作者

      @星光: 你是说哪个网站打不开?原来搬瓦工是双十一那套,配置还是不错的,300块钱一年,但是很少人用来做站,都 是做机场 的

发表留言