微信小程序引用豆瓣热映api
时间: 2023-07-13 16:17:15 浏览: 191
要在微信小程序中引用豆瓣热映 API,需要先在小程序后台配置安全域名,配置方式如下:
1. 登录微信公众平台,进入小程序管理后台。
2. 在左侧菜单栏中选择设置 -> 开发设置。
3. 在服务器域名中,找到 request 合法域名,点击修改。
4. 在 request 合法域名中,添加以下两个域名:
- https://api.douban.com
- https://api.douban.com/v2/movie
5. 点击保存即可。
配置完安全域名后,就可以在小程序中使用豆瓣热映 API。具体使用方法可以参考以下步骤:
1. 在小程序页面的 js 文件中使用 wx.request 发送请求,获取豆瓣热映电影数据。例如:
```
wx.request({
url: 'https://api.douban.com/v2/movie/in_theaters',
method: 'GET',
header: {
'content-type': 'json'
},
success: function(res) {
console.log(res.data);
}
});
```
2. 在小程序页面中展示豆瓣热映电影数据。可以使用 wx:for 循环遍历电影列表,并使用 {{ }} 语法动态绑定数据。例如:
```
<view wx:for="{{movies}}" wx:key="id">
<image src="{{item.images.large}}"></image>
<text>{{item.title}}</text>
</view>
```
其中,movies 是一个数组,包含豆瓣热映电影的数据。在 js 文件中获取到数据后,可以将数据绑定到页面的 data 中,例如:
```
Page({
data: {
movies: []
},
onLoad: function() {
var that = this;
wx.request({
url: 'https://api.douban.com/v2/movie/in_theaters',
method: 'GET',
header: {
'content-type': 'json'
},
success: function(res) {
that.setData({
movies: res.data.subjects
});
}
});
}
});
```
这样,就可以在小程序页面中展示豆瓣热映电影数据了。
阅读全文