用YesPlayMusic打造一个自己的音乐播放器

为什么要部署个折磨个播放器

只是觉得爽而已。

所用到的文档

1. 部署网易云api
2. YesPlayMusic
3. NeteaseCloudMusicApi

部署到vercel

部署网易云 API

详情参见 Binaryify/NeteaseCloudMusicApi 。你也可以将 API 部署到 Vercel。

1. fork 此项目
2. 在 Vercel 官网点击 New Project
3. 点击 Import Git Repository 并选择你 fork 的此项目并点击import
4. 点击 PERSONAL ACCOUNT 的 select
5. 直接点Continue
6. PROJECT NAME自己填,FRAMEWORK PRESET 选 Other 然后直接点 Deploy 接着等部署完成即可

部署yesplaymusic

1. 点击本仓库右上角的 Fork，复制本仓库到你的 GitHub 账号。
2. 点击仓库的 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*"
    }
  ]
}

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