搭建 YesPlayMusic 网页版

2021-02-11

本文章首发于语雀! 通过各种高科技功能同步到Hajeekn 的博客 最近在看 Spoience 的博客时看到了一篇文章: "一款高颜值跨平台的第三方网易云播放器 YesPlayMusic" 于是便看了看 看完后我进入了 YesPlayMusic 的 GitHub,突然我看到了这个 可以直接将这个项目部署至云端,于是便抱着好奇的心试了试 以下是搭建步骤

搭建网易云 API

考虑到大部分人没有钱买服务器,抱着白嫖的心态部署在了 leancloud 尝试,没想到竟然可以 以下就是步骤喽

登录 Leancloud

进入leancloud 的国际版官网 有账号的点击 Console 没有账号的选择中间的 Get started for free

创建应用

进入控制台后创建一个应用 ⚠ 注意: 现在必须写入应用描述,否则无法创建

部署 API

创建成功后进入你创建的应用后台 选择云引擎 -> WEB -> 部署 选择部署项目 -> Git 部署 -> 配置 Git 在配置 Git 处填入 https://github.com/ChenYFan-Tester/NeteaseCloudMusicApi.git 然后点击保存 保存完成之后再次进入部署项目 选择手动部署 -> 生产环境 -> 部署 稍等片刻即可部署完成

完成后关闭部署日志窗口 选择设置 -> 域名绑定 -> 绑定新域名 在域名处填入自己准备绑定的域名,然后其他的原封不动,选择绑定 这时候会给你分配一个 cname 域名 进入你的域名解析商 添加一个解析 解析记录选择 CNAME 主机记录填写刚才填写的域名(去掉.xxx.xx) 记录值填写刚才 leancloud 分配的 CNAME 域名 填写完成后大概的样子是这样的 保存,稍等片刻 leancloud 处就会显示部署完成 然后就可以部署主程序了

部署主程序

首先克隆云端仓库下来构建 在终端输入以下命令

git clone https://github.com/qier222/YesPlayMusic.git
cd YesPlayMusic

然后你需要安装依赖 在终端输入以下命令

yarn install

依赖安装完成后把目录下的.env.example 改成.env 修改 VUE_APP_NETEASE_API_URL=后的数据为你刚才部署的 API 的地址 例如我的是https://testapi.slqwq.cn就填写进去 VUE_APP_ELECTRON_API_URL=后的数据填写/ 然后就可以用 yarn serve 查看 查看后觉得效果不错就可以用 yarn build 进行构建了 构建完成后上传到 GitHub 启动 Pages 服务就可以愉快的用了 如果想让这个 YesPlayMusic 支持播放灰色音乐还需要搭建 UnlockNeteaseMusic 各位可以自行去摸索

啊对了,今天是新年,祝各位新年快乐哦!