nicemusic仿网易云音乐PC网站源码使用宝塔面板搭建教程

前言

vue-desktop-nicemusic:非常漂亮的仿网易云音乐网页源码,搭配网易云音乐API就能实现在线播放和各种官方完美体验

nicemusic项目地址gitee:https://gitee.com/lxhcool/desktop-nicemusic

NeteaseCloudMusicApi:网易云音乐API

项目地址Github:https://github.com/Binaryify/NeteaseCloudMusicApi

本站演示:https://music.miknio.com

 

面板配置

在宝塔面板后台的软件商店 - 运行环境 - Node.js 安装好PM管理器

 

后台API部署

首先下载网易云音乐API的源码

cd /www/wwwroot
yum install -y git
git clone https://github.com/Binaryify/NeteaseCloudMusicApi.git
cd NeteaseCloudMusicApi
npm instal

好了,然后去宝塔面板的 PM2管理器添加项目,点击添加就能运行了,然后输入你的IP:3000 就能看到一个API的页面

nicemusic仿网易云音乐PC网站源码使用宝塔面板搭建教程-常网小站Miknio

 

前端部署

好了,后端的API已经部署好了,下面部署nicemusic前端

 

cd /www/wwwroot
git clone https://gitee.com/lxhcool/desktop-nicemusic.git
cd desktop-nicemusic
npm install
npm run serve

等待一下,完成后会显示http://IP:8088

我们访问一下这个带端口的IP地址,如果能正常显示我们进行下一步

使用命令行打包生成静态网站

Ctrl + C

npm run build

生成的静态资源会在你nicemusic程序目录下的dist文件夹内。如果你是按照我的目录 那么就是 /www/wwwroot/desktop-nicemusic/dist

 

创建网站

在宝塔的网站管理里面创建一个新的网站,域名填写访问nicemusic仿网易云音乐的域名

 

然后把刚才打包生成的静态文件夹里面的所有文件复制到我们创建的这个网站目录下。

 

访问域名就能看到了

如果我们需要改LOGO或是改其他一些内容,我们需要去esktop-nicemusic目录里面修改,不能修改网站的静态文件。而且修改后需要重新打包生成静态文件,重新替换到网站目录。

我们创建的这个网站只能配置下SSL之类的。

 

 

nicemusic仿网易云音乐PC网站源码使用宝塔面板搭建教程-常网小站Miknio

 

nicemusic仿网易云音乐PC网站源码使用宝塔面板搭建教程-常网小站Miknio

人已赞赏
教程文档

Nextcloud设置视频生成预览图

2020-9-10 23:45:02

教程文档

Heroku免费容器申请教程搭配CF加速

2020-9-22 21:55:35

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索