pakuuu / web-music-player Goto Github PK

View Code? Open in Web Editor NEW

This project forked from programmermark/web-music-player

0.0 0.0 0.0 21.12 MB

基于vue3.0 + typescript + 网易云音乐api 开发的web音乐播放器

License: MIT License

Shell 0.01% JavaScript 15.57% TypeScript 24.99% CSS 0.04% HTML 1.60% Vue 57.31% Dockerfile 0.02% SCSS 0.45%

web-music-player's Introduction

Welcome to web-music-player 👋

仿网易云音乐（mac 客户端）web 版，使用 Vue3 + Typescript + 网易云音乐 api(NeteaseCloudMusicApi) 开发。

🏠 Homepage

说明事项，该分支已更新的部分包括:

更新 Vue3、Element-plus 版本为正式版本并替换部分新语法；
优化前期未设计好的路由结构；
使用 pinia 代替 vuex4；
全部替换为 vue3.2 的代码为setup语法；
更新前期使用的自定义 css 类为tailwindcss原子类（持续进行中）；
vue-query覆盖到前期代码，管理服务端状态（持续进行中）；

我今后将投入精力开始维护这个开源项目，目标是覆盖到网易云音乐 Mac 客户端的全部功能（在有接口数据的前提下），主播电台下的功能将会最后覆盖。

免责声明

本项目的图片、音频文件均来自第三方平台，本项目只做展示用，不会修改任何资源。

音频版权来自各网站，本站只提供数据查询服务，不提供任何音频存储和贩卖服务，亦不提供第三方图片、音频文件的下载功能。

本项目仅用于学习和交流，请勿用作商业用途，请勿通过本项目下载盗版歌曲资源，否则后果自负！

在线访问地址

地址 1(部署在国内，定期更新)：music-player.immortalboy.cn

地址 1(netlify 外网部署，实时同步)：music-player2.immortalboy.cn

说明：地址 1 部署在国内，由我定期部署；地址 2 通过 netlify 拉去 github 的 hooks 自动部署，但是网页部署在国外，首页加载很慢。

每周周报

上周已完成功能和已修复的问题：

周报统计

所有已完成功能和已修复的问题：

历史周报统计

安装和使用

环境要求

# 查看 node 版本，确保 node 版本高于 12 版本
node -v

安装

# 根目录安装项目依赖
yarn install or npm install

使用

# 本地运行
yarn run start or npm run start

部署到线上环境与本地运行不同，因为项目中的前端部分是 SPA，所以需要部署到服务器软件（nginx 等）的静态目录下，所以前端需要单独打包，而后端本身就是一个 node 服务，只需要启动即可运行。但是，后端服务需要服务器转发才可以生效。

# 获取打包后的SPA
yarn build
# 进入到后端服务目录单独启动后端服务
cd wangyiyun-server & yarn start
or
cd wangyiyun-server & npm start

# 为前端网站配置好相应的域名，为后端服务做好反向代理
# 把打包好的静态文件迁移到对应的服务器软件目录中