基于
Taro
与网易云音乐 api 开发,技术栈主要是:TypeScript + React-Hooks + Taro + Nut-Ui
,目前主要是着重H5端的展示,主要也是借此项目强化下上述几个技术栈的使用,打造一个最佳实践项目,通过这个项目也可以帮助你快速使用Taro
开发一个属于你自己的项目,欢迎watch
和star
~
export const baseUrl: string = 'http://localhost:3000' // 这里配置的这个url是后端服务的请求地址,示例中代表在本地启用的服务端口是3000,如果希望在真机上调试,那么就需要将后端服务部署到一个云主机上
启动后端接口服务
git clone https://github.com/Binaryify/NeteaseCloudMusicApi.git
cd NeteaseCloudMusicApi
npm install
npm run start
接下来启动前端项目
git clone https://github.com/jiangjin3323/ReactHooks-taro-music.git
cd xxx
npm install
npm run dev
- 推荐歌单
- 共用的歌单详情列表
- 歌曲播放页面
- 热搜列表
- 搜索(包含单曲/歌单/视频/歌手/专辑/电台/用户)
- 统一的播放组件,方便进行切换页面后可以随时进入到播放页面
- 搜索功能