宝塔面板安装nextcloud

宝塔面板安装nextcloud

浏览次数:
信息来源: 用户投稿
更新日期: 2025-12-24 13:04:37
文章简介

基于Vue2的在线音乐播放器(PC),模仿QQ音乐网页版界面,采用?和?布局;mmPlayer虽然是响应式,但主要以PC端为主,移动端只做相应适配(未做歌词显示)。

2025阿里云双十一服务器活动

基于Vue2的在线音乐播放器(PC),模仿QQ音乐网页版界面,采用?和?布局;mmPlayer虽然是响应式,但主要以PC端为主,移动端只做相应适配(未做歌词显示)。

这篇文章基于宝塔面板来倒腾这个玩意,所以没有宝塔的,赶紧去安装一个,如果你没有宝塔的账号,那么需要赶紧申请一个。(宝塔服务器面板,一键全能部署及管理,送你3188元礼包,点我领取https://www.bt.cn/?invite_code=MV9ub2NxdmI=)

前面介绍过类似文章,可以参考:

  • 宝塔面板搭建基于Vue2、Vue-CLI3的高仿网易云mac客户端播放器(PC)
  • 1、简介

  • 项目:https://github.com/maomao1996/Vue-mmPlayer
  • api项目:https://github.com/Binaryify/NeteaseCloudMusicApi
  • 文档:https://github.com/maomao1996/Blog/issues/1
  • 演示:https://music.mtnhao.com
  • 额,珍惜吧,说不定哪一天就看不到了,推荐fork下,自己留一份。

    2、准备

    PM2管理器安装好(软件商店里面自行安装)

    3、部署后台API服务

    开整之前,先部署api,第一步中已经给我出了项目地址,我们直接clone即可,命令如下。

    gitclonehttps://github.com/Binaryify/NeteaseCloudMusicApi.git

    下载的文件放在目录下,这个放在那里随意,大鸟博客只是习惯放这里了。

    3.2启动api服务

  • 安装PM2管理器()
  • 宝塔面板安装nextcloud

  • 选择刚刚上传的项目的目录
  • 放行端口:,添加api服务的端口默认3000
  • 浏览器中打开ip:3000可以访问,表示安装成功,

    3.4设置域名

    如果你需要给你的api设置一个域名,那么点击映射,输入域名即可。

    如果你要设置ssl访问,那么映射之后,请先网站设置中关掉反向DL,然后申请ssl免费证书,申请之后从新打开反向DL。

    4、部署Vue-mmPlayer服务

    api后端设置好之前,我们开始部署前端服务。

    4.1下载和编译

    此处为隐藏的内容发表评论并刷新,方可查看发表评论注意:修改env文件中的api服务地址,就是你在第三步中设置的api,不是默认的。将编译打包好的目录中的静态文件直接转移至宝塔面板的?目录下。

    浏览器访问你的域名即可看到效果,刚打开会有更新提示,

    5、登录

    播放器支持在线登录,步骤如下:

  • 打开网易云音乐官网(http://music.163.com)
  • 点击页面右上角的“登录”
  • 点击您的头像,进入我的主页
  • 复制浏览器地址栏/user/home?id=后面的数字(网易云UID)
  • 复制得到的网易云UID到mmPlayer提供的登录框即可。
  • 6、最后

    mmPlayer和前面的介绍的vue-netease-music可以根据喜好安装,都不错,不过大鸟更喜欢mmplayer。

    标签:
    LOCVPS香港大浦cn2/香港沙田cn2八折优惠(香港大浦机房)
    « 上一篇
    返回列表
    下一篇 »

    如本文对您有帮助,就请抽根烟吧!