微信小程序接入第三方接口

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

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

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

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

 

微信小程序接入第三方接口_第1张图片

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

 

微信小程序接入第三方接口_第2张图片

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

微信小程序接入第三方接口_第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页面:









{{item.category}}







{{item.title}}











{{item.url}}







{{item.date}}







{{item.author_name}}





5.最终效果如图:

微信小程序接入第三方接口_第4张图片

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

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

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

你可能感兴趣的:(小程序专题,小程序接口开发,小程序接口,小程序新闻接口,微信小程序新闻接口,微信小程序接口开发)