sqaiyan / Neteasemusic
Licence: mit
Vue版仿网易云音乐ios端web spa
Stars: ✭ 319
Projects that are alternatives of or similar to Neteasemusic
Docker Vue Node Nginx Mongodb Redis
🐉 An awesome boilerplate, Integrated Docker, Vue, Node, Nginx, Mongodb and Redis in one, Designed to develop & build your web applications more efficient and elegant.
Stars: ✭ 34 (-89.34%)
Mutual labels: vuex, webapp
Movie Trailer
🍿Vue3 + TypeScript开发的电影预告片webAPP,可以查看正在热映与即将上映的电影信息和短片
Stars: ✭ 253 (-20.69%)
Mutual labels: vuex, webapp
Ezprompt
An easy to use webapp for creating simple bash prompts.
Stars: ✭ 296 (-7.21%)
Mutual labels: webapp
Vue Project
基于vue-cli构建的财务后台管理系统(vue2+vuex+axios+vue-router+element-ui+echarts+websocket+vue-i18n)
Stars: ✭ 301 (-5.64%)
Mutual labels: vuex
Vuex Smart Module
Type safe Vuex module with powerful module features
Stars: ✭ 306 (-4.08%)
Mutual labels: vuex
Vue Store
基于Vue+Vue-Router+Vuex+Element-ui+axios,参考小米商城,实现的电商项目。
Stars: ✭ 308 (-3.45%)
Mutual labels: vuex
Roastandbrew
Updated content available! We learned a lot since we originally wrote this article. We now have this updated for Laravel 8, Vue, and NuxtJS 👉 https://srvrsi.de/book
Stars: ✭ 300 (-5.96%)
Mutual labels: vuex
Vuefront
VueFront Core. Turn your old-fashioned CMS website in to a SPA & PWA in 5 minutes
Stars: ✭ 316 (-0.94%)
Mutual labels: webapp
Vue Vben Admin
A modern vue admin. It is based on Vue3, vite and TypeScript. It's fast!
Stars: ✭ 8,036 (+2419.12%)
Mutual labels: vuex
Plugin Axios
Vuex ORM persistence plugin to sync the store against a RESTful API.
Stars: ✭ 304 (-4.7%)
Mutual labels: vuex
Vue Kindergarten
Modular security for Vue, Vuex, Vue-Router and Nuxt
Stars: ✭ 303 (-5.02%)
Mutual labels: vuex
Tachiweb Server
A port of the Tachiyomi manga reader to the desktop and server
Stars: ✭ 303 (-5.02%)
Mutual labels: webapp
Vue全家桶高仿网易云音乐
功能最多,按照ios客户端高仿,还有小程序版嘞
网易忠粉,去年小程序刚出来时候开始用小程序写过一版高仿ios版网易云音乐。一直在踩坑,基本完成后开始考虑用vue实现(其实是懒,想脱坑)。vue之前仅限于活动页使用,全家桶没用过,所以这次也是边学边做,很多东西来回重写了好多次。
技术栈
- Vue全家桶(vue,vue-router,vuex)
- axios(http)
- mint-ui+移植原来小程序版的css
- node(接口服务),地址在这里
- 图片资源来自ios端解压缩文件
项目地址, 欢迎 star,issue
vps ip已经被封 无法在线预览
- Vue版 :https://github.com/sqaiyan/neteasemusic
- 小程序版 :https://github.com/sqaiyan/netmusic-app
- node后端 :https://github.com/sqaiyan/netmusic-node
部署
后端项目
# 克隆node后端代码到本地
git clone [email protected]:sqaiyan/netmusic-node.git
cd netmusic-node
# install dependencies
npm install
# serve at localhost:3000
node app.js
前台项目
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
gif版比较大、
预览图已完成功能
- 首页(个性推荐,分类歌单,电台推荐,热门排行
- 搜索(hot ,history ,suggest ,multimatch; 单曲,歌单,歌手,mv等。。。
- 详情单页类(歌单,歌手,电台,专辑,评论,用户,相似推荐,每日推荐
- 播放页(单曲,FM,节目:上下一曲,播放模式[单曲,随机,顺序],单曲喜欢,单曲收藏到歌单,fm trash,快进快退,歌词,播放列表
- 我的(登录,云盘,收藏
待完成功能(根据api破解情况
- 评论(操作类
- 动态
- 音质切换
- 歌词翻译 ....
存在的问题或bug
-
单曲播放进入评论等前进页面,单曲播放完自动播放下一曲后页面回退回播放页面 路由自动切换不了,会播放上一曲,逻辑这块没理顺
-
目前的api基本都是根据官网版扒下来的,git上发布的一些也基本都是这样,客户端接口用的是最新版的 没有能力扒出来。存在问题是banner接口请求到的是老接口数据,已经不维护了的数据
如果本例对您学习Vue有帮助,欢迎赏杯奶茶喝
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].