参考小破站小程序教程
通过点击每日推荐可以进行音乐播放,上一首下一首切换(前提要进行登录)(最近可能登陆会有一些问题,运气好就登录进去了,服务器的问题),
主要实现功能(点击每日推荐,会展示30首每日根据网易云推荐的歌曲,点击音乐进行播放,可以切换上一首下一首,实现了实时进度条(播放音乐等操作需要先登录,登录需要真实的用户账号密码,请使用者注册好,记住不可以访问登录接口太多次,会出错,),实现了搜索歌曲页面功能,目前没有实现搜索点击音乐播放功能,后续功能随缘更新)
实现效果图
主页:(点击每日推荐,则可进行播放音乐(前提:需要登录)(目前不登录好像也可以进行访问))
每日推荐:
播放歌曲主页:
视频页面(目前因为网易云锁了视频所以api获取不到url,api的url现在是访问不到的,可以用postman访问api查看视频url显示的是null)
我的页面(点击头像可以进行登陆,登录后用户信息会展示在此页面,最近登陆看运气)
登录页面:(需要用真实的网易云账户密码登录)
搜索歌曲页面(显示实时的热搜榜,可以进行搜索显示结果,会显示搜索记录(不可进行点击))
真机调试(需要用到内网穿透可以试试花生壳内网穿透)
在utils目录下的config配置内网穿透地址,真机和电脑连同一局域网就可以调试
配置好后进入request.js将host改为mobileHost编译就可以进行真机调试
这里需要使用服务器:
进入目录服务器->server,在此处打开cmd,输入 npm start(前提需要node.js,在此之前安装好)如果出现报错,根据报错安装相关东西
服务器启动成功页面:
源码地址(仅供参考)