vue全家桶系列之网易云音乐(仿安卓移动版)
网易云音乐(移动版)
- api来源(感谢Binaryify不断更新的网易云音乐接口,这也将是这个项目不断拓展下去的坚实依托)
- 源码地址
- 项目预览(web端在chrome调试模式下效果更佳)
- 项目所提供请求地址希望仅供预览使用,项目后台已加入pm守护之光,如果有需要也可以直接调用,当然,因为接口不断变化,开发建议尽量使用api最新代码,配置本地服务器代理。
项目描述
前端
- 选用Vux作为UI框架,诸如滑动,轮播等组件即在此基础上进行定制,交互效果也尽量依托于vux,减少重复开发
- 基于Vue2,Vue-Router实现单页面应用
- 利用Vuex进行组件间的状态管理,实现非父子组件之间的通信
后端
- 生产环境下,服务器端同源解决请求代理
- 开发环境下,通过反向代理解决跨域问题
UI
- 刀耕火种,通过手机截图,像素眼比较,当然,最后还是跟着感觉走了
已完成
- 网易云(轮播,推荐歌单,独家放送,推荐MV,网友精选歌单(最新,最热),排行榜)
- 搜索(热门搜索,搜索结果包括单曲,歌手,专辑,歌单,用户及其滑动切换)
- 播放页面(歌词,碟片切换)
- 歌手,专辑,歌单,用户等详情展示
- 音乐播放功能(切歌,播放列表,播放进度显示)
放一波效果图 图片就到这里,more
计划(接下来)
1.MV播放,快要完成了,估计会连同评论在这周发布新版 2.“我的”争取还是做出来吧,尽管可能没人敢用 3.完善各个页面的功能吧,持续优化 4.抛砖引玉,向社区的大伙学习ing
最后!!!!!
1.感谢github,感谢同样在分享的你,让我能站在巨人的肩膀上 2.感谢Binaryify对接口文档的不断维护与更新。 3.部分小伙伴遇到的问题已在segmentfault中回复 到这里,欢迎大家提issue,pr,star,如果喜欢可以watch,每周应该都会有些小更新
5 回复
nice work
good job
cool
great
@thesadboy多谢提醒, 如果你有这个需求,你可以暂时先将路由的mode及我本地缓存路径数据的方法注释掉就行了 ,这个会在下一版综合考虑进去