YesPlayMusic 是一款高顏值的第三方網(wǎng)易云播放器，由?Electron 支撐，支撐?macOS、Windows、Linux 三個(gè)平臺(tái)；macOS 用戶也可以通過 brew install --cask yesplaymusic 來安裝。
首頁設(shè)計(jì)
首頁設(shè)計(jì)2
發(fā)現(xiàn)頻道
音樂庫
專輯界面
搜索界面
藝人界面
歌詞界面
進(jìn)階玩兒法
部署至 Vercel
除了下載安裝包使用，你還可以將本項(xiàng)目部署到 Vercel 或你的服務(wù)器上。下面是部署到 Vercel 的方法。
- 部署網(wǎng)易云 API，詳情參見 Binaryify/NeteaseCloudMusicApi 。你也可以將 API 部署到 Vercel。
- 點(diǎn)擊本倉庫右上角的 Fork，復(fù)制本倉庫到你的 GitHub 賬號(hào)。
- 打開 Vercel.com，使用 GitHub 登錄。
- 點(diǎn)擊 Import Git Repository 并選擇你剛剛復(fù)制的倉庫并點(diǎn)擊 Import。
- 點(diǎn)擊 PERSONAL ACCOUNT 旁邊的 Select。
- 點(diǎn)擊 Environment Variables，填寫 Name 為
VUE_APP_NETEASE_API_URL，Value 為你剛剛部署的網(wǎng)易云 API 地址，點(diǎn)擊 Add。最后點(diǎn)擊底部的 Deploy 就可以部署到 Vercel 了。
部署到自己的服務(wù)器
除了部署到 Vercel，你還可以部署到自己的服務(wù)器上
- 部署網(wǎng)易云 API，詳情參見 Binaryify/NeteaseCloudMusicApi
- 克隆本倉庫
git clone https://github.com/qier222/YesPlayMusic.git
- 安裝依賴
yarn install
- （可選）使用 Nginx 反向代理 API，將 API 路徑映射為
/api，如果 API 和網(wǎng)頁不在同一個(gè)域名下的話（跨域），會(huì)有一些 bug。 - 復(fù)制
/.env.example文件為/.env，修改里面VUE_APP_NETEASE_API_URL的值為網(wǎng)易云 API 地址。本地開發(fā)的話可以填寫 API 地址為http://localhost:3000，YesPlayMusic 地址為http://localhost:8080。如果你使用了反向代理 API，可以填寫 API 地址為/api。
VUE_APP_NETEASE_API_URL=http://localhost:3000
- 編譯打包
yarn run build
- 將
/dist目錄下的文件上傳到你的 Web 服務(wù)器
