Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: about 2 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 (almost 2 years ago)
- Last Synced: 2024-07-27T14:34:57.532Z (about 2 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
Awesome Lists containing this project
- 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`