微信小程序接入第三方接口_微信小程序 第三方平台导出的接口

史上最全，最简单微信小程序实现第三方接口

本文以第三方（聚合新闻头条）接口为例。

聚合接口基本上都是免费的。例如，天气查询，新闻。笑话，万年历等。

1.先去聚合官网注册账号 ，然后申请新闻头条接口。如下图：

 

2.接口申请成功后会有一个AppKey。这个是接口必备。在个人中心中，找到我的接口，如下图：

 

3.点击个人中心--》我的接口--》新闻头条--》接口，出现接口实用方法，如下图：

4.小程序index.js页面:

Page({
 
data: {
 
list:[],
 
},
 
onLoad: function () {
 
wx.request({
 
//获取头条新闻(type=top，新闻类型根据自己需求填写,top(头条),shehui(社会),guonei(国内),guoji(国际),yule(娱乐),tiyu(体育)junshi(军事),keji(科技),caijing(财经),shishang(时尚)，我这里选的top)
 
url: 'http://v.juhe.cn/toutiao/index?type=top&key=你自己的AppKey值',
 
header: {
 
'content-type': 'application/json'
 
},
 
success: res => {
 
//1:在控制台打印一下返回的res.data数据
 
console.log(res.data)
 
//2:在请求接口成功之后，用setData接收数据
 
this.setData({
 
//第一个data为固定用法，第二个data是json中的data
 
list: res.data.result.data
 
})
 
}
 
})
 
}

4.小程序index.wxml页面:

<view wx:for="{{list}}" wx:key="index">
 
<view class="item">
 
<view class="number-wrapper">
 
<!--新闻所属分类-->
 
<text class="name">{{item.category}}</text>
 
</view>
 
<view class="number-wrapper">
 
<!--新闻标题-->
 
<text class="name">{{item.title}}</text>
 
</view>
 
<!--新闻图片-->
 
<image class="img" src="{{item.thumbnail_pic_s}}" mode="scaleToFill"></image>
 
<!--新闻链接-->
 
<view class="number-wrapper">
 
<text class="name">{{item.url}}</text>
 
</view>
 
<!--日期-->
 
<view class="number-wrapper">
 
<text class="name">{{item.date}}</text>
 
</view>
 
<!--来源-->
 
<view class="number-wrapper">
 
<text class="name">{{item.author_name}}</text>
 
</view>
 
</view>
 
</view>

5.最终效果如图：

WXSS样式根据自己需求编写。

最后，是不是很简单呢。接口难点，key值千不要输错。

还有问题的朋友，请留言。谢谢。