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. 截图