多平台、高颜值的网易云第三方播放器-CSDN博客

上海的天气真是阴晴不定，这两天又是降温又是下雨，加上疫情的隔离，真是让人很不舒服，TJ君觉得此情此景应该听一点开心暖心的歌曲，让自己变得快乐起来，所以今天来和大家分享一个可以支持多平台（macOS、Windows、Linux）的高颜值第三方网易云播放器，YesPlayMusic

YesPlayMusic的主要特性有：

YesPlayMusic提供了各式各样的安装包，可谓应有尽有

当然，小伙伴们也可以选择将本项目部署到Vercel或自己的服务器上。

部署Vercel服务器

部署网易云 API，详情参见 Binaryify/NeteaseCloudMusicApi 。
点击本仓库右上角的 Fork，复制本仓库到自己的 GitHub 账号。
点击仓库的 Add File，选择 Create new file，输入 vercel.json，将下面的内容复制粘贴到文件中，并将 https://your-netease-api.example.com 替换为你刚刚部署的网易云 API 地址：

{
  "rewrites": [
    {
      "source": "/api/:match*",
      "destination": "https://your-netease-api.example.com/:match*"
    }
  ]
}

打开 Vercel.com，使用 GitHub 登录。
点击 Import Git Repository 并选择你刚刚复制的仓库并点击 Import。
点击 PERSONAL ACCOUNT 旁边的 Select。
点击 Environment Variables，填写 Name 为 VUE_APP_NETEASE_API_URL，Value 为 /api，点击 Add。最后点击底部的 Deploy 就可以部署到 Vercel 了。

部署自己服务器

yarn install

（可选）使用 Nginx 反向代理 API，将 API 路径映射为 /api，如果 API 和网页不在同一个域名下的话（跨域），会有一些 bug。
复制 /.env.example 文件为 /.env，修改里面 VUE_APP_NETEASE_API_URL 的值为网易云 API 地址。本地开发的话可以填写 API 地址为 http://localhost:3000，YesPlayMusic 地址为 http://localhost:8080。如果你使用了反向代理 API，可以填写 API 地址为 /api。

VUE_APP_NETEASE_API_URL=http://localhost:3000

yarn run build

部署Docker

docker build -t yesplaymusic .

docker run -d --name YesPlayMusic -p 80:80 yesplaymusic

docker-compose up -d

YesPlayMusic 地址为 http://localhost

配置开发环境

运行本项目

# 安装依赖
yarn install

# 创建本地环境变量
cp .env.example .env

# 运行（网页端）
yarn serve

# 运行（electron）
yarn electron:serve

本地运行 NeteaseCloudMusicApi，或者将 API 部署至 Vercel

# 运行 API （默认 3000 端口）
yarn netease_api:run

让我们一起里看下他的高颜值究竟怎么样：

看着还是蛮漂亮的对吧~那就赶紧来试试吧~

另外，我们将之前发过的各种项目及工具进行了整理，收录到了GitHub项目，欢迎各位小伙伴光临Star，地址如下：https://github.com/Wechat-TJ/TJ-WORLD-FORU

点击下方卡片，关注公众号“TJ君”

回复“PlayMusic2022”，获取仓库地址

关注我，每天了解一个牛x、好用、有趣的东东

往期推荐