🔥基于taro + dva + typescript 开发的音乐播放器小程序

发表于 | 分类于 | 本文总阅读量 次

简介

本项目是基于 Taro + Dva + TypeScript 开发的音乐播放器小程序，是个人用于学习taro框架开发的，功能也相对简单，当然也存在一些不足，前期是用taro的redux版本开发，后面发现业务代码和页面耦合度高，就加入了dva，一个基于 redux 和 redux-saga 的数据流方案，这里只用了dva的一个核心 dva-core，用于model层来降低耦合，用 dva-model-extend 复用 model，大大提升了开发体验，效果不错。后台是网易云音乐NeteaseCloudMusicApi 提供的API，目前该项目还没有正式上线到小程序。

gif

Usage

本项目已经使用了线上api接口，所以无需运行后台也可以获取数据，当然你也可以在本地运行 NeteaseCloudMusicApi 项目，开启获取歌曲服务，默认端口是3000

1
2
3
$ git clone git@github.com:Binaryify/NeteaseCloudMusicApi.git
$ cd NeteaseCloudMusicApi && npm install
$ npm start

在运行本项目前，确保系统已经全局安装了taro，安装可详见这里，安装完运行项目后使用 微信开发者工具 导入项目（本项目根目录进行导入），开发前注意事项可查看: https://nervjs.github.io/taro/docs/before-dev-remind.html

1
2
3
4
5
6
7
8
9
10
# git clone
$ git clone https://github.com/huangzhuangjia/taro-music.git
# install
$ npm i
# or yarn install
$ yarn install
# development
$ npm run dev:weapp
# production
$ npm run build:weapp

项目地址：https://github.com/huangzhuangjia/taro-music