GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → JinwenXie → Wxapp Douban Api Movie

JinwenXie / Wxapp Douban Api Movie

Douban movie api data completed a WeChat applet wxAPP, very suitable as a small program beginners combat project!

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

nginxwxappmoviedouban

Projects that are alternatives of or similar to Wxapp Douban Api Movie

Douban Movie
Golang爬虫 爬取豆瓣电影Top250
Stars: ✭ 114 (-29.19%)
Mutual labels:  movie, douban
wx app movie
微信小程序－豆瓣电影Demo 📽
Stars: ✭ 16 (-90.06%)
Mutual labels:  movie, wxapp
Douban
React-native 仿豆瓣电影 app
Stars: ✭ 236 (+46.58%)
Mutual labels:  movie, douban
doubanIMDb
IMDb + Rotten Tomatoes + Wikipedia on Douban Movie
Stars: ✭ 93 (-42.24%)
Mutual labels:  movie, douban
Top15
[EOL] 使用 Top15 在你的网站中展示最近看过/读过/听过的电影/书/音乐！
Stars: ✭ 13 (-91.93%)
Mutual labels:  movie, douban
DoubanMovieJSON
豆瓣电影JSON数据
Stars: ✭ 60 (-62.73%)
Mutual labels:  movie, douban
where-is-douban250
🐛 一个爬虫程序，整理了腾讯视频、爱奇艺、优酷、哔哩哔哩等视频网站中，能够观看的「豆瓣电影 Top250 榜单」影片。
Stars: ✭ 123 (-23.6%)
Mutual labels:  movie, douban
Hexo Douban
💿 A simple plugin for hexo that helps us generate pages for douban books ,movies and games.
Stars: ✭ 277 (+72.05%)
Mutual labels:  movie, douban
Movie Board
Re-design and implement Douban Movie with React and Redux.
Stars: ✭ 140 (-13.04%)
Mutual labels:  movie, douban
Rtsptohttp Flv
使用JavaCV开发的rtsp流转http-flv流(rtmp已不支持)并进行推流的流媒体服务
Stars: ✭ 152 (-5.59%)
Mutual labels:  nginx
Nginxconfig.io
⚙️ NGINX config generator on steroids 💉
Stars: ✭ 14,983 (+9206.21%)
Mutual labels:  nginx
Wx calendar
微信小程序－日历组件 📅
Stars: ✭ 2,008 (+1147.2%)
Mutual labels:  wxapp
Nginx Lua Graphicsmagick
类似淘宝图片,用Lua脚本实现的自定义图片尺寸,动态生成缩略图
Stars: ✭ 153 (-4.97%)
Mutual labels:  nginx
Nginx
NGINX Accelerated! This is a Docker image that creates a high performance (FAST!), optimized image for NGINX for use with Redis and PHP-FMP. Deliver sites and applications with performance, reliability, security, and scale. This NGINX server offers advanced performance, web and mobile acceleration, security controls, application monitoring, and management.
Stars: ✭ 157 (-2.48%)
Mutual labels:  nginx
Nginx
A fairly flexible and feature full Ansible role for the NGINX web server.
Stars: ✭ 151 (-6.21%)
Mutual labels:  nginx
Wikipedia Mirror
🌐 Guide and tools to run a full offline mirror of Wikipedia.org with three different approaches: Nginx caching proxy, Kimix + ZIM dump, and MediaWiki/XOWA + XML dump
Stars: ✭ 160 (-0.62%)
Mutual labels:  nginx
Justwatchapi
Python 3 JustWatch.com API - https://justwatch.com
Stars: ✭ 148 (-8.07%)
Mutual labels:  movie
Upyun Resty
UPYUN's open source software for OpenResty development
Stars: ✭ 150 (-6.83%)
Mutual labels:  nginx
Wx Audio
🎵 A music-player built with weixin platform.
Stars: ✭ 160 (-0.62%)
Mutual labels:  wxapp
Website Ssl.sh
低门槛跨入Https大门！网站ssl证书自动生成工具（http到https的转变），燥起来吧！
Stars: ✭ 160 (-0.62%)
Mutual labels:  nginx
View All Similar Projects ➔

简介

这是一个通过豆瓣电影API来获取到电影数据的微信小程序,非常适合作为小程序初学者实战项目！

豆瓣api接口代理

豆瓣设置了小程序的访问权限，在小程序上直接请求豆瓣api是会报错的；解决方法：

  1. 使用某位大佬配置的豆瓣代理（https://douban.uieee.com）
  2. 使用Nginx来做代理

我个人是建议使用Nginx来做代理，因为数据比较全面，搜索功能也可以实现，具体如何安装配置请看我这篇文章为小程序请求豆瓣接口配置nginx

克隆到本地

git clone [email protected]:JinwenXie/wxApp-douban-api-movie.git

直接使用命令克隆下载到本地，或者直接下载压缩文件到本地，先启动Nginx，再使用微信开发者工具打开
如果没有使用Nginx的话，微信开发者工具打开项目后，打开app.js文件做如下更改：

保存刷新后即可看到数据有显示了

进程

  1. 正在热映电影首页（已完成）；
  2. 即将上映电影首页（已完成）；
  3. 电影排行榜首页（已完成）；
  4. 电影搜索页（已完成）；
  5. 电影列表页（已完成）；
  6. 电影详情页（已完成）；

目录结构

wxApp-douban-api-movie:
│  app.js
│  app.json
│  app.wxss
│  project.config.json
│  README.md
│  tree.txt
│  
└─pages
    │  index.js
    │  index.json
    │  index.wxml
    │  index.wxss
    │  
    ├─coming-soon
    │      coming-soon.js
    │      coming-soon.json
    │      coming-soon.wxml
    │      coming-soon.wxss
    │      
    ├─images
    │      
    ├─list
    │      list.js
    │      list.json
    │      list.wxml
    │      list.wxss
    │      
    ├─movie-details
    │      movie-details.js
    │      movie-details.json
    │      movie-details.wxml
    │      movie-details.wxss
    │      
    ├─search
    │      search.js
    │      search.json
    │      search.wxml
    │      search.wxss
    │      
    ├─template
    │  ├─movie-list
    │  │  │  movie-list.wxml
    │  │  │  movie-list.wxss
    │  │  │  
    │  │  ├─single-movie
    │  │  │      single-movie.wxml
    │  │  │      single-movie.wxss
    │  │  │      
    │  │  └─star
    │  │          star.wxml
    │  │          star.wxss
    │  │          
    │  └─swiper
    │          swiper.wxml
    │          swiper.wxss
    │          
    ├─top250
    │      top250.js
    │      top250.json
    │      top250.wxml
    │      top250.wxss
    │      
    └─utils
            utils.js

页面截图


如果您觉得还不错的话，千千万来一个star！

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].