大家好,我是 Java陳序員。 今天,給大家介紹一個基於 Vue 全家桶實現的“網易雲”播放器。 關註微信公眾號:【Java陳序員】,獲取開源項目分享、AI副業分享、超200本經典電腦電子書籍等。 項目介紹 YesPlayMusic —— 一款高顏值的第三方網易雲播放器,支持 Windows / ...
大家好,我是 Java陳序員
。
今天,給大家介紹一個基於 Vue 全家桶實現的“網易雲”播放器。
關註微信公眾號:【Java陳序員】,獲取開源項目分享、AI副業分享、超200本經典電腦電子書籍等。
項目介紹
YesPlayMusic
—— 一款高顏值的第三方網易雲播放器,支持 Windows / macOS / Linux。
功能特色:
項目截圖
項目部署
1、拉取代碼
git clone https://github.com/qier222/YesPlayMusic.git
2、安裝依賴
yarn install
3、修改配置文件
複製 /.env.example 文件為 /.env,修改裡面 VUE_APP_NETEASE_API_URL 的值為網易雲 API 地址
VUE_APP_NETEASE_API_URL=http://localhost:3000
如有跨域問題,可以使用 Nginx 反向代理 API,將 API 路徑映射為 /api.
4、本地運行
yarn serve
5、編譯打包
yarn run build
6、部署到伺服器
將打包生成的 dist
文件夾上傳到伺服器,並使用 Nginx 進行配置訪問。
server {
listen 8080;
server_name xxx.com;
location / {
root /data/software/YesPlayMusic/dist;
index index.html;
}
}
7、客戶端打包
# Windows 32 位
yarn electron:build --windows nsis:ia32
# Windows ARM
yarn electron:build --windows nsis:arm64
# Debian armv7l(樹莓派等)
yarn electron:build --linux deb:armv7l
# macOS ARM
yarn electron:build --macos dir:arm64
項目地址:
https://github.com/qier222/YesPlayMusic
線上體驗:
https://music.qier222.com/
最後
推薦的開源項目已經收錄到 GitHub
項目,歡迎 Star
:
https://github.com/chenyl8848/great-open-source-project
或者訪問網站,進行線上瀏覽:
https://chencoding.top:8090/#/
大家的點贊、收藏和評論都是對作者的支持,如文章對你有幫助還請點贊轉發支持下,謝謝!