https://github.com/mini-mpvue/mpvue-douban

基于 mpvue 实现豆瓣电影微信小程序 @zce
https://github.com/mini-mpvue/mpvue-douban

douban film mini-program mpvue mpvue-douban mpvue-douban-movie wx

Last synced: 3 months ago
JSON representation

基于 mpvue 实现豆瓣电影微信小程序 @zce

• Host: GitHub
• URL: https://github.com/mini-mpvue/mpvue-douban
• Owner: mini-mpvue
• Created: 2018-03-29T09:45:06.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2022-12-08T00:37:25.000Z (over 1 year ago)
• Last Synced: 2024-01-19T10:15:10.996Z (6 months ago)
• Topics: douban, film, mini-program, mpvue, mpvue-douban, mpvue-douban-movie, wx
• Language: JavaScript
• Homepage:
• Size: 14.1 MB
• Stars: 290
• Watchers: 12
• Forks: 83
• Open Issues: 24
• Metadata Files:
  • Readme: README.md

Lists

• awesome-mpvue - mpvue-douban - 豆瓣电影 (示例 / 目录)

README

        
# mpvue-douban

> 基于 mpvue 实现豆瓣电影微信小程序

其他实现：

[基于 taro 实现豆瓣电影微信小程序](https://github.com/mini-mpvue/taro-douban)

## 演示

![mpvue-douban](mpvue-douban.gif)

## 运行

```bash

# 基本本地代理1

npm run dev

```

### 基于本地代理2

```bash

npm run dev:proxy2

```

## 目录结构

```bash

|__ douban                                    # 本地代理

    |__ app.js                                  # 方式 1

    |__ proxy.js                                # 方式 2

|__ src

    |__ App.vue

    |__ components                            # 组件

      |__ movie-item.vue                        # 电影列表项

      |__ movie-list.vue                        # 电影列表

    |__ main.js

    |__ pages

      |__ board                               # 榜单

        |__ index.vue

        |__ main.js

      |__ item                                # 电影详情

        |__ index.vue

        |__ main.js

      |__ list                                # 电影列表

        |__ index.vue

        |__ main.js

      |__ profile                             # 关于我

        |__ index.vue

        |__ main.js

      |__ search                              # 电影搜索

        |__ index.vue

        |__ main.js

      |__ splash                              # 启动页面

        |__ index.vue

        |__ main.js

    |__ store                                 # vuex

      |__ index.js                              # 全局

      |__ modules                               # 模块

        |__ item.js                               # 电影详情->对应 pages/item

      |__ mutations-type.js                     # mutations 常量

    |__ utils                                 # 工具

      |__ api.js                                # 豆瓣 api

      |__ index.js                              # 工具方法

      |__ request.js                            # flyio 配置

      |__ wechat.js                             # 微信小程序 api

      |__ wx.js                                 # wx

|__ static                                    # 静态资源

    |__ .gitkeep

    |__ images                                  # 图片

      |__ *.{png,jpg,gif,jpeg}

```

## 构建

``` bash

# 安装依赖

npm install

# 开发

npm run dev

# 基于本地代理1 开发

npm run dev:proxy1

# 基于本地代理2 开发

npm run dev:proxy2

# 基于nginx 代理开发

npm run dev:nginx

# 生产

npm run build

# 生产分析图表

npm run build --report

# 启动本地代理1

npm run proxy1

# 启动本地代理2

npm run proxy2

```

## 代理

### Nginx 代理：

`src/utils/request.js`

```javascript

request.config.baseURL = 'https://movie.douban.gusaifei.com/v2/movie'

```

随着应用一起启动

### 本地代理：

`douban/app.js`

```bash

npm run proxy1

```

`douban/proxy.js`

```bash

npm run proxy2

```

需要借助 npm scripts 启动，或者进入到 `douban` 目录，运行 `node app.js` 或 `node proxy.js`