Name Last Update
.idea Loading commit data...
components/NavHeader Loading commit data...
miniprogram_npm Loading commit data...
node_modules Loading commit data...
otherPackage/pages/other Loading commit data...
pages Loading commit data...
reserve Loading commit data...
songPackage Loading commit data...
static Loading commit data...
template/myTemplate Loading commit data...
test Loading commit data...
utils Loading commit data...
README.md Loading commit data...
app.js Loading commit data...
app.json Loading commit data...
app.wxss Loading commit data...
package-lock.json Loading commit data...
package.json Loading commit data...
project.config.json Loading commit data...
sitemap.json Loading commit data...

master-cloud-music

微信小程序-网易云音乐App

Vue+Nodejs 仿网易云音乐 Android 客户端实战 微信小程序版本

1. 特性

基础模组:

  • 轮播图
  • 推荐歌单
  • 排行榜
  • 每日推荐歌曲

视频 & 歌曲模组:

  • 推荐MV
  • 获取推荐视频 & 播放
  • 视频&歌曲 评论 点赞 回复
  • 歌曲图片显示
  • 歌曲切换效果
  • 歌单排序
  • 随机播放
  • 播放进度条个性化

个人信息:

  • 手机登录
  • 邮箱登录
  • 头像 账户信息 简介获取
  • 最近播放歌曲

搜索模组:

  • 热搜列表
  • 搜索默认关键词
  • 搜索多重匹配

  • 安装

  $ git clone https://github.com/ACwin/master-cloud-music.git
- 运行 `cd 至 netease_api`

$ node app.js

  • 使用说明

    • 项目目录结构
    mo_music                        // 沫音乐
    ├── components                  // 组件
    ├── netease_api                   // Node版本网易云音乐接口
    ├── pages                       // 小程序页面
    │       └── index                 // 首页
    │       └── login                 // 登录页
    │       └── personal              // 个人中心
    │       └── recommendSong         // 每日推荐
    │       └── search                // 搜索页
    │       └── songDetail            // 音乐详细页
    │       └── video                 // 视频页
    ├── utils                       // 工具
    │       └── request.js            // 请求封装体
    ├── static                      // 静态资源/图片
    
    • 需要 NodeJS 8.12+ 环境
    • 安装 微信小程序开发者工具 最新版
    • 项目导入后 勾选微信开发工具相应配置
      • ES6 转 ES5
      • 增强编译
      • 使用npm模块
      • 不校验合法域名、web-view(业务域名)、TLS版本以及 HTTPS 证书

### 2. 技术栈

  • 微信原生小程序开发
  • WX组件 & API: 使用原生架构建设
  • ajax:发起http请求
  • ES6:采用ES6语法。
  • HTML5: 项目主体结构搭建
  • JavaScript: 对网页行为进行编程
  • CSS3:CSS3动画及样式。

3. 配置开发环境

本项目由 NeteaseCloudMusicApi 提供 API,已经包含在本项目的netease_api目录

4. 开源许可

本项目仅供个人学习研究使用,禁止用于商业及非法用途。

5. 截图

e50243f0a97ddd38ed3b600c2dac52f