由于需要获取服务器端数据,所以在此之前,先将 NeteaseCloudMusicApi 拷贝到本地并且运行(4000端口)起来。
建议在 Chrome
浏览器中打开,当然在 Opera
, Edge
, Firefox
中也是可以正常运行的,只是有些效果看上去并不是那么美好,你懂得。
在之前的步骤完成之后,运行以下命令即可预览本项目
git clone https://github.com/hwaphon/CloudMusic.git
cd CloudMusic && yarn
yarn dev
- 新增快进播放功能
- 新增音量控制功能
- 优化单曲循环播放逻辑
- 新增左边栏显示当前播放歌曲信息模块
- 优化播放逻辑
- 新增音乐队列列表
- 完成每日推荐歌曲页面
- 初步实现播放组件
- 解决无法播放音乐的问题,以 http://music.163.com/song/media/outer/url?id=${id}.mp3 的形式即可。
- 完善每日推荐歌单
- 实现换肤功能
- 替换原本采用的命名路由机制
- 将网络请求模块从组件中提取出来
- 使用
vuex-persistedstate
实现数据的持久化,减少重复的http
请求 - 实现从服务器获取每日推荐歌单信息(发现接口异常,只能获取 6 条信息,而实际上每日推荐歌单存在9条信息)
- 初步实现个人面板,不过逻辑尚未实现
- 实现退出登录
- 开始从服务器端获取数据,比如轮播图数据
- 登录逻辑实现完成,已成功登录本人账号,测试无误,不过由于登录组件实现的只是个雏形,只有当正常获取数据的情况下才可以完成登录,如果出现错误不会提示错误,比如密码输入错误。
- 着手实现个人信息面板
- 基本界面的搭建,实现左侧菜单栏以及顶部导航栏
- 完成轮播图组件
- 完成登录组件