Loading
0

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

公众号搜索菜鸟站长之家

源码介绍:

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

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

NeteaseCloudMusicApi:网易云音乐API

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

面板配置

宝塔面板后台的软件商店 - 运行环境 - 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网站源码使用宝塔面板搭建教程-菜鸟站长之家

前端部署

好了,后端的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网站源码使用宝塔面板搭建教程-菜鸟站长之家 nicemusic仿网易云音乐PC网站源码使用宝塔面板搭建教程-菜鸟站长之家

 

 

 

 

文章声明:
1、本站文章来源于互联网,仅供学习交流使用,严禁用于商业用途,因此造成的一切法律后果自行承担。
2、本站不对文章内容的完整性和安全性负责,请自行辨别,如发现有问题,请及时联系我们进行处理。
3、如果你有比较好的文章需要发布,可以联系菜鸟站长之家小编,或者自行点击 投稿
4、若文章中有侵权或不适当内容,请留言告知我们,本站会第一时间进行处理。
5、转载请保留原文地址,违者后果自负,本站保留一切法律追责权力。
6、如遇下载地址失效,请留言告知或者联系客服获取。