微信小程序访问豆瓣电影api的实现方法


Posted in Javascript onMarch 31, 2019

解决微信小程序调豆瓣电影(小说)api时显示400、403问题

以获取豆瓣热映电影为例:

请求接口:

我这里使用的是uni-app框架(多端发布的一款框架,基于vue语法,正在踩坑中)

onLoad() {
  uni.request({
   url: 'http://api.douban.com/v2/movie/in_theaters',
   method: 'GET',
   data: {},
   success: res => {
    console.log(res)
   },
   fail: () => {},
   complete: () => {}
  });
 },

来看看返回了什么:

微信小程序访问豆瓣电影api的实现方法

原因是豆瓣那边设置了对小程序的访问权限

解决办法总是有的!

1.设置nginx代理:

在nginx.conf加入以下配置:

location /v2/
{ 
proxy_store off; proxy_redirect off;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Real-IP $remote_addr; 
proxy_set_header Referer 'no-referrer-when-downgrade'; 
proxy_set_header User-Agent 'Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.94 Safari/537.36'; 
proxy_connect_timeout 600;
proxy_read_timeout 600;
proxy_send_timeout 600;
proxy_pass https://api.douban.com/v2/; 
}

重启nginx

修改小程序那边的请求路径为http://localhost/v2/movie/top2502.

2.更改官方域名:

替换官方给的域名http://api.douban.comhttps://douban.uieee.com,https://douban.uieee.com是某大佬搭建的代理,相当于别人替你去做了方法一的事情,你只需要搬过来用就行了。

似乎可以了~我们来看看现在获取到了data没有

微信小程序访问豆瓣电影api的实现方法

还差一步,修改请求头

header:{
   "Content-Type":"application/xml"
  },

再来看看吧~

微信小程序访问豆瓣电影api的实现方法

获取一下杭州的热映电影的前四个是什么吧:

onLoad() {
  uni.request({
   url: 'https://douban.uieee.com/v2/movie/in_theaters',
   method: 'GET',
   header:{
    "Content-Type":"application/xml"
   },
   data: {
    start: 0,
    count: 4,
    city: '杭州'
   },
   success: res => {
    console.log(res)
   },
   fail: () => {},
   complete: () => {}
  });
 },

附上豆瓣电影的常用接口:

1.获取正在热映的电影:https://douban.uieee.com/v2/movie/in_theaters

访问参数:

start : 数据的开始项

count:单页条数

city:城市

2.获取电影Top250:https://douban.uieee.com/v2/movie/top250

访问参数:

start : 数据的开始项

count:单页条数

3.获取即将上映电影:https://douban.uieee.com/v2/movie/coming_soon

访问参数:

start : 数据的开始项

count:单页条数

4.电影搜索:https://douban.uieee.com/v2/movie/search

访问参数:

start : 数据的开始项

count:单页条数

q:要搜索的电影关键字

tag:要搜索的电影的标签

5.电影详情:https://douban.uieee.com/v2/movie/subject/:id

访问参数:电影id

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
利用404错误页面实现UrlRewrite的实现代码
Aug 20 Javascript
jquery 鼠标滑动显示详情应用示例
Jan 24 Javascript
JavaScript检查弹出窗口是否被阻拦的方法技巧
Mar 13 Javascript
js实现交换运动效果的方法
Apr 10 Javascript
第一次接触JS require.js模块化工具
Apr 17 Javascript
Node.js中process模块常用的属性和方法
Dec 13 Javascript
浅谈Angular2 模块懒加载的方法
Oct 04 Javascript
Servlet3.0与纯javascript通过Ajax交互的实例详解
Mar 18 Javascript
vue.js使用v-model实现表单元素(input) 双向数据绑定功能示例
Mar 08 Javascript
微信小程序实现上传图片裁剪图片过程解析
Aug 22 Javascript
Jquery异步上传文件代码实例
Nov 13 jQuery
vue实现移动端返回顶部
Oct 12 Javascript
vue项目首屏打开速度慢的解决方法
Mar 31 #Javascript
jQuery事件blur()方法的使用实例讲解
Mar 30 #jQuery
Javascript实现一朵从含苞到绽放的玫瑰
Mar 30 #Javascript
使用post方法实现json往返传输数据的方法
Mar 30 #Javascript
微信小程序使用wx.request请求服务器json数据并渲染到页面操作示例
Mar 30 #Javascript
微信公众平台获取access_token的方法步骤
Mar 29 #Javascript
vue路由--网站导航功能详解
Mar 29 #Javascript
You might like
自制汽车收音机天线:收听广播的技巧和方法
2021/03/02 无线电
PHP setcookie() cannot modify header information 的解决方法
2009/01/09 PHP
Mysql的Root密码忘记,查看或修改的解决方法(图文介绍)
2013/06/14 PHP
javascript简单事件处理和with用法介绍
2013/09/16 Javascript
node+express+ejs制作简单页面上手指南
2014/11/26 Javascript
Bootstrap中CSS的使用方法
2016/02/17 Javascript
JavaScript实现图片滑动切换的代码示例分享
2016/03/06 Javascript
倾力总结40条常见的移动端Web页面问题解决方案
2016/05/24 Javascript
浅析Nodejs npm常用命令
2016/06/14 NodeJs
关于微信中a链接无法跳转问题
2016/08/02 Javascript
javascript简单写的判断电话号码实例
2017/05/24 Javascript
详解windows下vue-cli及webpack 构建网站(三)使用组件
2017/06/17 Javascript
Web制作验证码功能实例代码
2017/06/19 Javascript
使用命令行工具npm新创建一个vue项目的方法
2017/12/27 Javascript
小程序实现左右来回滚动字幕效果
2018/12/28 Javascript
QML实现圆环颜色选择器
2019/09/25 Javascript
js实现右键弹出自定义菜单
2020/09/08 Javascript
ant design pro中可控的筛选和排序实例
2020/11/17 Javascript
JS实现公告上线滚动效果
2021/01/10 Javascript
微信小程序选择图片控件
2021/01/19 Javascript
Python中的rfind()方法使用详解
2015/05/19 Python
Python功能点实现:函数级/代码块级计时器
2019/01/02 Python
python FTP批量下载/删除/上传实例
2019/12/22 Python
Python用access判断文件是否被占用的实例方法
2020/12/17 Python
HTML5应用之文件上传
2016/12/30 HTML / CSS
canvas画图被放大且模糊的解决方法
2020/08/11 HTML / CSS
澳大利亚宠物食品和药物在线:Jumbo Pets
2018/03/24 全球购物
The North Face官方旗舰店:美国著名户外品牌
2020/09/28 全球购物
最新远光软件笔试题面试题内容
2013/11/08 面试题
酒吧创业计划书
2014/01/18 职场文书
2014年财务工作总结与计划
2014/12/08 职场文书
中学生自我评价2015
2015/03/03 职场文书
教师工作表现自我评价
2015/03/05 职场文书
范文之农村基层党建工作报告
2019/10/24 职场文书
HTML中的表单元素介绍
2022/02/28 HTML / CSS
进阶篇之linux环境下安装MySQL数据库
2022/04/09 MySQL