Skip to content

基于ReactHooks + Taro + Nut-Ui开发的仿网易云音乐H5

Notifications You must be signed in to change notification settings

jiangjin3323/ReactHooks-taro-music

Repository files navigation

基于React-Hooks + Taro 的仿网易云音乐

基于Taro与网易云音乐 api 开发,技术栈主要是:TypeScript + React-Hooks + Taro + Nut-Ui,目前主要是着重H5端的展示,主要也是借此项目强化下上述几个技术栈的使用,打造一个最佳实践项目,通过这个项目也可以帮助你快速使用Taro开发一个属于你自己的项目,欢迎watchstar


快速开始

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

功能列表

  • 推荐歌单
  • 共用的歌单详情列表
  • 歌曲播放页面
  • 热搜列表
  • 搜索(包含单曲/歌单/视频/歌手/专辑/电台/用户)
  • 统一的播放组件,方便进行切换页面后可以随时进入到播放页面
  • 搜索功能

效果图预览

下面简要列出几张效果图 Image Image Image Image Image Image Image

About

基于ReactHooks + Taro + Nut-Ui开发的仿网易云音乐H5

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published