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

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

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

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

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中的datalist: 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值千不要输错。

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

微信小程序接入第三方接口相关推荐

微信小程序接入第三方插件腾讯位置服务地图选点
微信小程序接入第三方插件腾讯位置服务地图选点 1.在小程序服务平台中添加"腾讯位置服务地图选点"插件 1.在小程序服务平台中添加"腾讯位置服务地图选点"插件微 ...
微信小程序接入第三方地图
文章目录一.接入腾讯地图 1.引入微信jdk 2.声明腾讯地图实例 3.获取当前定位 4.微信小程序相关配置二.接入高德地图 1.导入相关sdk 2.声明地图实例化 3.获取当前定位API 总结 ...
微信小程序接入微信支付（二）：后台调用统一下单接口
微信统一支付官方文档:https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=9_1 因该接口需要商户系统中自己的订单编号,笔者先 ...
微信小程序接入微信支付（三）：小程序端调用支付接口
微信小程序调用支付接口官方文档:https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_7&index=5 在上一节中 ...
微信支持环信_环信客户互动云v5.39已发布：支持微信小程序接入
环信客户互动云v5.39_产品更新说明发布日期:2018-11-06 客服模式质检中新增会话ID字段质检中新增会话ID字段,与历史会话中的会话ID对应,支持根据会话ID搜索质检会话,以及在质检详 ...
微信小程序--sha1加密元素以字典顺序排序微信小程序接入微信公众平台
java--sha1加密算法实现 bytes[i] & 0xFF 原理详解以字典顺序排序 php----$_GET[] http认证中的nonce与timestamp token和nonc ...
微信小程序使用第三方库（第三方js）问题
比如很多人会有这样的问题: 小程序怎样引用第三方js呢? 第三方js是封装好的类库想引用进来实例化使用这个帖子就综合一下所有相关的知识,做一个整合,以便大家能够集中了了解:我觉得这个还是应该让大家 ...
微信小程序接入腾讯云IM即时通讯（获取聊天历史记录开发步骤）
微信小程序接入腾讯云IM即时通讯(获取聊天历史记录开发步骤) 1.先看文档: 获取 C2C 历史消息 :https://cloud.tencent.com/document/product/269/1 ...
微信小程序之获取接口数据展示
上篇说到获取编辑框文本,没看过去看看. 本片介绍简单的接口数据获取,并且展示,采取模拟数据,拉取数据方式方法.文章最后附上DEMO 本篇暂未考虑美化问题,只看功能.如图: 一.简单介绍 1> w ...

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

微信小程序接入第三方接口相关推荐

最新文章

热门文章