【云服务器】阿里云服务器+宝塔Linux零成本搭建全网音乐搜索引擎网站(在线音乐播放器),可在线播放可下载可分享它不香么?

        前几天因为博主的个人博客即将到期,因此特意从个人博客搬运出了文章:超详细教程】阿里云+宝塔+Typecho零基础搭建个人博客全套式教程——以免费领取的ECS阿里云服务器为例。然而,昨天因为在阿里云高校计划续费测试中拿到了90分成功续命了之前白嫖的阿里云服务器。因此在今天,博主就来为大家分享一下刚搭建好的音乐播放器的实现步骤与经验总结。


目录

  • 前期准备
  • 实现步骤
    • 1.添加站点
    • 2.下载GitHub项目到本地
    • 3.部署音乐播放器项目
  • 问题总结
    • 1.搭建多个网站共用同一个服务器问题
    • 2.域名解析问题
  • 测试效果
    • 电脑端
    • 手机端


前期准备

        1.拥有一台阿里云服务器,并安装了宝塔Linux。
        2.已经购买了域名,并对域名和云服务器进行了备案。
        3.MKOnlineMusicPlayer:一款在GitHub(项目地址:https://github.com/mengkunsoft/MKOnlineMusicPlayer)开源的基于 Meting 的在线音乐播放器。具有音乐搜索、播放、下载、歌词同步显示、个人网易云音乐播放列表同步等功能。


实现步骤

1.添加站点

        登录宝塔Linux,点击“网站”一栏,选择“添加站点”,填写域名、备注及根目录。注意:① 域名一栏只需修改并填写对应的域名前缀(比如我购买的域名是hakutaku.club,因此在“域名”栏中可以填写任意的xxx.hakutaku.club);② 必须选择数据库,比如选择数据库为“MySQL”,并输入账号及密码;③ 自定义的域名前缀必须在域名购买平台进行解析,比如我在阿里云的“云解析DNS”中对域名music进行解析。完毕后,点击“提交”按钮,出现新站点以及新生成的根目录。
【云服务器】阿里云服务器+宝塔Linux零成本搭建全网音乐搜索引擎网站(在线音乐播放器),可在线播放可下载可分享它不香么?_第1张图片

2.下载GitHub项目到本地

        打开MKOnlineMusicPlayer,点击Code,选择“Download ZIP”,将GitHub项目保存到本地。

【云服务器】阿里云服务器+宝塔Linux零成本搭建全网音乐搜索引擎网站(在线音乐播放器),可在线播放可下载可分享它不香么?_第2张图片

3.部署音乐播放器项目

        上传:进入新生成的根目录Music,点击“上传”按钮,在弹出来的模态框中点击“上传文件”,选择下载的GitHub压缩包,点击“打开”。
【云服务器】阿里云服务器+宝塔Linux零成本搭建全网音乐搜索引擎网站(在线音乐播放器),可在线播放可下载可分享它不香么?_第3张图片
        解压删除:将上传的项目进行解压,点击“解压”后全选文件并删除除了【解压出来的文件】之外的【所有文件】。
【云服务器】阿里云服务器+宝塔Linux零成本搭建全网音乐搜索引擎网站(在线音乐播放器),可在线播放可下载可分享它不香么?_第4张图片
        整理:进入解压出来的项目文件,将里面的内容剪切出来放到域名根目录,并删除已空的项目文件。注意:如果不把项目文件内容放到域名根目录,服务器则找不到资源。
【云服务器】阿里云服务器+宝塔Linux零成本搭建全网音乐搜索引擎网站(在线音乐播放器),可在线播放可下载可分享它不香么?_第5张图片
        此时,音乐播放器已部署成功。


问题总结

1.搭建多个网站共用同一个服务器问题

        通过宝塔Linux的“添加站点”,使用带有不同前缀的域名即可实现。如:我具有域名hakutaku.club,因此可以类似本次添加的music.hakutaku.club一样,通过随意通过修改xxx.hakutaku.club的前缀“xxx”来搭建多个网站。但是,在添加站点的同时,要注意对域名进行解析

2.域名解析问题

        倘若未对域名进行解析便添加新站点,则会在访问搭建好的音乐播放器时显示如下页面:
【云服务器】阿里云服务器+宝塔Linux零成本搭建全网音乐搜索引擎网站(在线音乐播放器),可在线播放可下载可分享它不香么?_第6张图片
        因此,域名解析必不可少。
        关于域名解析,我因为是在阿里云购买的域名,因此通过阿里云的“云解析DNS”进行域名解析。选择已经备案并绑定服务器的对应域名,点击“添加记录”,输入需要解析的对应域名和宝塔Linux所显示的对应云服务器的IP地址。点击确认,等待十分钟后即可完成域名解析。
        解析完成,即可在部署项目后正常访问网站。
【云服务器】阿里云服务器+宝塔Linux零成本搭建全网音乐搜索引擎网站(在线音乐播放器),可在线播放可下载可分享它不香么?_第7张图片


测试效果

电脑端

【云服务器】阿里云服务器+宝塔Linux零成本搭建全网音乐搜索引擎网站(在线音乐播放器),可在线播放可下载可分享它不香么?_第8张图片

手机端

【云服务器】阿里云服务器+宝塔Linux零成本搭建全网音乐搜索引擎网站(在线音乐播放器),可在线播放可下载可分享它不香么?_第9张图片

你可能感兴趣的:(云服务器,学习笔记)