基于Lighthouse搭建高颜值的YesPlayMusic网易云播放器
本文介绍了如何使用腾讯云的Lighthouse轻量应用服务器来搭建一个高颜值的第三方网易云播放器。
项目简介
本文使用的是YesPlayMusic项目,这是一款高颜值的第三方网易云播放器,它完全可以作为网易云官方应用的替代品。而且还拥有一些网易云官方应用没有的功能,比如可以自动签到,支持PWA可以直接一键安装,界面简洁美观,没有多余的社交功能,没有广告等特点。
服务器选择
服务器方面,我这里使用的是腾讯云的Lighthouse轻量应用服务器。对比腾讯云的CVM服务器来说,轻量应用服务器具有开箱即用,简单便捷的特点。
作为示例,地区我就选择了最便宜的孟买地区,各位在购买时建议购买距离自己最近的地区的服务器。应用镜像我这里选择的镜像是宝塔Linux面板 7.8.0 腾讯云专享版,宝塔面板是一款安全高效的服务器运维面板,使用宝塔面板可以更高效的操作服务器,而且也更加便于新手使用。
搭建过程
宝塔面板配置
- 购买成功后我们来到控制台,点击刚刚购买的服务器,先在防火墙放行8888,80,443端口。然后打开应用管理
- 在控制台一键登录上你的服务器,并执行以下代码来获取面板地址链接,默认账号密码。
sudo /etc/init.d/bt default
- 登录上面板之后绑定自己的宝塔账号,如果没有,请先注册。
- 接着需要关联您的腾讯云API密钥,
环境配置
- 按照提示一键安装LNMP套件
- 接下来在宝塔面板的软件商店安装Docker管理器

- 等待安装完成
软件部署
SSH连接
我采用的是Docker的部署,简单,且便于管理。
- 首先打开宝塔面板的终端页面,会弹出窗口让你登陆, 选择密码登录
- 在 腾讯云控制台重置服务器的密码,重置密码后重新在宝塔面板登录
开始软件部署
- 克隆代码仓库
git clone https://github.com/qier222/YesPlayMusic.git
2. 进入目录
cd YesPlayMusic
3. 构建Docker镜像
docker build -t yesplaymusic .
4. 启动Docker容器
docker run -d --name YesPlayMusic -p 8080:80 yesplaymusic
5. 当终端输出一段容器的ID时,我们就算是部署完成了。
反向代理配置
当前我们已经配置完成了,在控制台放行8080端口就可以正常访问了,但是每次访问都需要带上 端口号很不方便,而且也不美观。这时候我们可以配置一下Nginx的反向代理。就可以用服务器的IP地址或者自己的域名访问了。
- 首先新建一个纯静态网站,有域名的话就填写自己的域名,没有域名就填写服务器IP。注册域名可以到这里注册:域名注册,另外将PHP版本改为纯静态。完成后点击提交。

- 然后给网站配置反向代理,具体配置可以看下面的图。


- 配置完成反向代理后我们就可以访问这个网站的域名或IP来打开我们的播放器了。

总结
到这里,我们的YesPlayMusic就搭建完成了。如果需要,你还可以给其部署一下SSL证书,来实现HTTPS访问,这里就不过多赘述了。腾讯的Lighthouse轻量应用服务器给予了用户开箱即用的用户体验,购买的服务器中预制了所需的应用环境,避免了配置运行境配置的麻烦操作。同时Lighthouse轻量服务器采用高带宽流量包的网络模式,能够在花费更少的钱的情况下得到更高的带宽体验。对于新手开发者来说,Lighthouse轻量应用服务器不失为一种不错的选择。
最后
安利一下,腾讯云限时秒的活动,优惠力度非常大,当前买到就是赚到了,1核2G的配置最低99元一年。以下连接内含(AFF)
【腾讯云】云产品限时秒杀,爆款1核2G云服务器,首年99元 腾讯云限时秒杀
【腾讯云】轻量应用服务器Lighthouse,上云「轻」而易举,1核1G3M低至128元/年,高带宽首选

期待下一次给大家带来更好的教程,我们下次再见。
基于Lighthouse搭建高颜值的YesPlayMusic网易云播放器的更多相关文章
- 基于 kubeadm 搭建高可用的kubernetes 1.18.2 (k8s)集群一 环境准备
本k8s集群参考了 Michael 的 https://gitee.com/pa/kubernetes-ha-kubeadm-private 这个项目,再此表示感谢! Michael的项目k8s版本为 ...
- 基于cephfs搭建高可用分布式存储并mount到本地
原文:https://www.fullstackmemo.com/2018/10/11/cephfs-ha-mount-storage/ 服务器硬件配置及环境 项目 说明 CPU 1核 内存 1GB ...
- 基于 kubeadm 搭建高可用的kubernetes 1.18.2 (k8s)集群二 搭建高可用集群
1. 部署keepalived - apiserver高可用(任选两个master节点) 1.1 安装keepalived # 在两个主节点上安装keepalived(一主一备) $ yum inst ...
- 基于 kubeadm 搭建高可用的kubernetes 1.18.2 (k8s)集群 部署 dashboard 2.x
1. 部署dashboard 2.x版本 Dashboard 分为 1.x版本 和 2.x版本, k8s 使用的是1.18.2 故部署2.x版本的 # dashboard 2.x版本的部署 # 上传d ...
- 基于 kubeadm 搭建高可用的kubernetes 1.18.2 (k8s)集群 三 集群可用性测试
1. 创建nginx ds # 写入配置 $ cat > nginx-ds.yml <<EOF apiVersion: v1 kind: Service metadata: name ...
- 第五篇 基于.net搭建热插拔式web框架(拦截器---请求管道)
好了,前边我们把核心内容介绍完了,接下来要做的就是拦截用户的请求,并把请求转向沙箱内. 这里我们准备通过实现一个HttpModule类来完成请求的拦截与转发.新建一个HuberHttpModule类, ...
- linux -- 基于zookeeper搭建yarn的HA高可用集群
linux -- 基于zookeeper搭建yarn的HA高可用集群 实现方式:配置yarn-site.xml配置文件 <configuration> <property> & ...
- (转)基于keepalived搭建MySQL的高可用集群
基于keepalived搭建MySQL的高可用集群 原文:http://www.cnblogs.com/ivictor/p/5522383.html MySQL的高可用方案一般有如下几种: keep ...
- 通过LVS+Keepalived搭建高可用的负载均衡集群系统
1. 安装LVS软件 (1)安装前准备操作系统:统一采用Centos6.5版本,地址规划如下: 服务器名 IP地址 网关 虚拟设备名 虚拟ip Director Server 192.168 ...
- keepalived工作原理和配置说明 腾讯云VPC内通过keepalived搭建高可用主备集群
keepalived工作原理和配置说明 腾讯云VPC内通过keepalived搭建高可用主备集群 内网路由都用mac地址 一个mac地址绑定多个ip一个网卡只能一个mac地址,而且mac地址无法改,但 ...
随机推荐
- Springboot 整合 xxl-job
前言 很久很久以前写过好几篇关于定时任务的使用系列的文章: 这一篇是最简单的,就是单纯跑跑定时任务,那你看这篇就行,没必要用xxljob(因为xxljob要跑服务端,然后自己服务作为客户端接入): 文 ...
- Drawable图形定制
设置背景设置背景 button或者textview我们想要自定义他的背景就需要用到Drawable中创建xml文件 例如 shape标签是用来控制背景的形状的 他下面的子标签有 stroke控制描边 ...
- Ubuntu20.04配置CuckooSandbox环境
Ubuntu20.04配置CuckooSandbox环境 因为最近要做恶意软件分析,阅读论文发现动态分析的效果普遍比静态分析的效果要好一些,所以需要搭建一个动态分析的环境,查阅资料发现Cuckoo S ...
- 小程序image图片缩小不变形
使用mode =aspectFill 值 说明 scaleToFill 缩放模式,不保持纵横比缩放图片,使图片的宽高完全拉伸至填满 image 元素 图片会变形 aspectFit 缩放模式,保持纵横 ...
- 3 x 2 + 1 !安 全 能 力 权 威 认 可 !
近日,由XOps大会组委会主办的"2024第三届XOps产业创新发展论坛"在北京召开.大会主论坛公布了2024上半年XOps最新评估结果,天翼云顺利通过ITU DevOps国际标准 ...
- 份额大涨! 天翼云稳居中国公有云laaS市场、laaS+PaaS市场第三!
近日,国际数据公司(IDC)最新发布的<公有云市场数据跟踪,2023Q3>报告显示,在公有云整体市场增速全面收紧的背景下,中国电信天翼云市场份额大涨,中国公有云IaaS市场份额增长至12. ...
- initDB.sh初始化磁盘脚本centos7
新加磁盘初始化脚本 跳转:优化(2022-4-14) vim initDB.sh #!/bin/bash # auther by wangxp EXCLUDE_LIST='2,11' EXCLUDE_ ...
- 7.Vuex
1.store目录下生成index.js import Vue from "vue"; import Vuex from "vuex"; import { HE ...
- Openlayers 距离环绘制
思路:利用layer的StyleFunction 来使地图移动或者放缩的时候,使圆保持在地图中心 /** * 绘制距离环 * @param {number} distance 每环间隔距离,单位:米 ...
- Minecraft server.properties 参数含义 1.18.1,Java版
服务器搭建 参照: https://www.spigotmc.org/wiki/buildtools/#latest 参数含义 #Fri Feb 11 15:20:40 CST 2022 # 启用jm ...