Skip to content
🔥基于taro + dva + typescript 开发的音乐播放器小程序🎵
TypeScript CSS Other
Branch: master
Clone or download
huangzhuangjia
huangzhuangjia 样式优化,taro升级
Latest commit edfabc3 Feb 19, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
config 样式优化,taro升级 Feb 19, 2019
src 样式优化,taro升级 Feb 19, 2019
.editorconfig first commit Dec 4, 2018
.eslintrc add typescript Dec 13, 2018
.gitignore first commit Dec 4, 2018
README.md update README.md Dec 14, 2018
global.d.ts add typescript Dec 13, 2018
package.json 样式优化,taro升级 Feb 19, 2019
project.config.json update package Dec 29, 2018
tsconfig.json add typescript Dec 13, 2018

README.md

taro-music

Introduction

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

music.gif

Usage

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

$ 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

# 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
You can’t perform that action at this time.