All Projects → huangzhuangjia → Taro Music

huangzhuangjia / Taro Music

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

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to Taro Music

gangxiaoer-taro
博雅塔小程序,基于Taro的版本,同步发布百度小程序,支付宝小程序。
Stars: ✭ 16 (-89.61%)
Mutual labels:  weapp, dva
Dva Wxapp
微信小程序的dva集成
Stars: ✭ 183 (+18.83%)
Mutual labels:  weapp, dva
React Antd Admin
后台前端管理系统,基于react、typescript、antd、dva及一些特别优秀的开源库实现
Stars: ✭ 117 (-24.03%)
Mutual labels:  dva
Weappx
🌱基于 redux 的轻量级小程序状态管理框架,适配原生小程序,wepy,taro
Stars: ✭ 145 (-5.84%)
Mutual labels:  weapp
Fetop100
微信小程序 “前端TOP100”
Stars: ✭ 135 (-12.34%)
Mutual labels:  weapp
Weapp 24time
A Twitter-like news and social app for Weapp. 微信小程序社区全栈解决方案
Stars: ✭ 120 (-22.08%)
Mutual labels:  weapp
Yundocs
云档3.0版本,taro开发。可打包多平台小程序,h5,IOS和Android客户端。欢迎star跟进
Stars: ✭ 143 (-7.14%)
Mutual labels:  weapp
Dva Boot Admin
🍰 react admin dashboard ui LANIF-ADMIN --- react 16 + react-router 4 + dva 2 + antd 4 后台管理 脚手架
Stars: ✭ 1,553 (+908.44%)
Mutual labels:  dva
Taro Dva
整合 taro-dvajs的仿知乎示例
Stars: ✭ 153 (-0.65%)
Mutual labels:  dva
Old
每天大红包 · 旧版(不再维护,仅供参考)
Stars: ✭ 1,611 (+946.1%)
Mutual labels:  weapp
Gulp Wxapp Boilerplate
小程序 Gulp 开发脚手架
Stars: ✭ 145 (-5.84%)
Mutual labels:  weapp
Tua Mp
🖖一款类 Vue 的渐进式小程序框架(A progressive miniprogram framework for coding like Vue)
Stars: ✭ 127 (-17.53%)
Mutual labels:  weapp
Wx Book
仿追书神器的小说阅读器小程序
Stars: ✭ 122 (-20.78%)
Mutual labels:  weapp
Taro Mall
一个项目的架构,包括设计/前端/管理后台/后端/k8s集群架构,欢迎Star,欢迎Fork
Stars: ✭ 144 (-6.49%)
Mutual labels:  dva
Weapp Monument Valley
纪念碑谷 小程序 源码
Stars: ✭ 119 (-22.73%)
Mutual labels:  weapp
Wxa
🖖 渐进式小程序开发框架。轻量级的渐进式小程序开发框架,专注于小程序原生开发,提供更好的工程化、代码复用能力,提高开发效率并改善开发体验。
Stars: ✭ 149 (-3.25%)
Mutual labels:  weapp
Dva Antd Mobile Starter
Get started with Dva.js and Ant Design mobile.
Stars: ✭ 115 (-25.32%)
Mutual labels:  dva
Wxdraw
A lightweight canvas library which providing 2d draw for weapp 微信小程序2d动画库 😎 🐼
Stars: ✭ 1,625 (+955.19%)
Mutual labels:  weapp
Raven Weapp
Sentry SDK for WeApp
Stars: ✭ 142 (-7.79%)
Mutual labels:  weapp
Nice Router Taro
nice-router 第0适合后端程序员的前端小程序开发框架
Stars: ✭ 152 (-1.3%)
Mutual labels:  dva

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 [email protected]: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
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].