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

搭建网易云 API

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

登录 Leancloud

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

创建应用

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

部署 API

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

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

部署主程序

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

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

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

1
yarn install

image.png
依赖安装完成后把目录下的.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
各位可以自行去摸索
这边放上一个我搭建的网页
https://music.slqwq.cn

Thanks for you

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