Welcome to web-music-player 👋

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

🏠 Homepage

自 2022 年 3 月 8 日起，本项目将开始进行小规模重构，主要涉及以下内容：

更新 Vue3、Element-plus 版本为正式版本；
优化前期未设计好的路由结构；
使用 pinia 代替 vuex4；
更新前期使用的defineComponent语法的部分代码为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

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

待办清单

近期将要开发的功能（按照顺序完成）

页面

功能

个性推荐页面优化
更新公告功能（自定义）
播放顺序功能（随机播放、单曲播放等等）
歌词功能
歌曲评论
顶部搜索功能
更换背景图片功能（自定义）

杂项

添加单元测试
完善 README 文件
引入 vite
探索实现项目的自动化部署

Author

👤 钟辉

Website: https://immortalboy.cn
Github: @programmermark
WeChat: a13720141463

🤝 Contributing

欢迎贡献代码与我一起共建这个开源项目，欢迎 issues!
请随时查看问题页.

支持与赞助

如果这个项目对您有任何帮助，欢迎 ⭐️，欢迎 fork！

📝 License

This README was generated with ❤️ by readme-md-generator

onloner2012/web-music-player