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

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

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

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

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值千不要输错。

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/67392.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

黑马点评项目学习笔记(15w字详解,堪称史上最详细,欢迎收藏)

黑马点评项目学习笔记 文章目录 黑马点评项目学习笔记前言项目搭建导入数据库初始化项目启动项目启动前端项目启动后端项目 基于Session实现短信验证码登录短信验证码登录配置登录拦截器数据脱敏 Session集群共享问题基于Redis实现短信验证码登录短信验证登录配置登录拦截器 店…

【Python】装上后这 14 个插件后,PyCharm 真的是无敌的存在

作者&#xff1a;写代码的明哥来源&#xff1a;Python编程时光 1. Key Promoter X 如果让我给新手推荐一个 PyCharm 必装插件&#xff0c;那一定是 Key Promoter X 。 它就相当于一个快捷键管理大师&#xff0c;它时刻地在&#xff1a; 教导你&#xff0c;当下你的这个操作&a…

【测试工具】jmeter组件大全及如何使用详解

文章目录 前言一、Jmeter是什么&#xff1f;可以做什么&#xff1f;二、jmeter入门到进阶1.基础组件线程组逻辑控制器HTTP请求http信息头管理器响应断言BeanShell断言HTTP Cookie管理器查看结果树聚合报告用户自定义变量Debug Sampler后置处理器json提取器正则表达式提取器Bean…

【项目方案】OpenAI流式请求实现方案

文章目录 实现目的效果比对非stream模式stream模式实现方案方案思路总体描述前端方案对比event-source-polyfill代码示例前端实现遇到的问题与解决方法后端参考资料时序图关键代码示例后端实现时遇到的问题与解决方法实现目的 stream是OpenAI API中的一个参数,用于控制请求的…

如何接收用户发送的短信验证码,判断是否合法-短信验证码开发10

在《向用户发送手机验证码》这篇教程中&#xff0c; 你已经通过php在服务器端生成和保存验证码&#xff0c; 并且通过腾讯云的短信发送接口&#xff0c; 把验证码发送到用户手机上。 当用户根据提示&#xff0c; 把手机上的验证码&#xff0c; 以短信的方式回复&#xff0c; 你…

揭秘验证码,你可能不知道的那些事儿

在现代网络世界中&#xff0c;我们经常遇到验证码这个概念。它是一种用于验证使用者身份或防止恶意行为的安全机制。然而&#xff0c;除了表面上的使用和功能&#xff0c;验证码还有许多有趣而不为人所知的方面。本文将带你揭秘验证码背后的秘密&#xff0c;探索你可能不知道的…

注册kaggle人机验证没有验证码

打开edge浏览器,安装header editor扩展。 1.点击扩展 2.管理扩展 3.获取扩展 4.搜索框中输入“header editor”。 5.点击获取&#xff0c;我这里是因为已经获取了。所以获取按钮是删除。 6. 获取成功后&#xff0c;打开扩展的详细信息。 7.点击扩展选项。 8.在URL内输入网址。…

Kaggle账号注册时验证码无法显示问题解决方法

学习机器学习&#xff0c;想用深度神经网络做一个猫狗识别的程序&#xff0c;然后到kaggle上下载训练集猫狗图片&#xff0c;奈何一直出现验证码未填写的情况。看了很多文章说是要下载谷歌浏览器还有助手什么的&#xff0c;想起手机之前有个浏览器&#xff0c;一直没用过&#…

什么是消息验证码

在信息安全领域中&#xff0c;常见的信息保护方法分为加密和认证两大类。认证技术又分为对用户的认证和对消息的认证两种方式。用户认证用于鉴别用户的身份是否是合法用户&#xff1b;消息认证就是验证所收到的消息确实是来自真实的发送方且未被修改的消息&#xff0c;可以验证…

5个值得推荐的英语学习网站及1个英语学习App

1、练习听力 美国国家公共广播电台NPR&#xff1a;http://www.npr.org/特点&#xff1a;标准美式英语。 建议&#xff1a;每天花三十分钟左右&#xff0c;反复听英语广播&#xff0c;这是听力过关的必经之路。点击网页中左边“BROWSE TOPICS”下面的“News”选项。选择自己有…

随时随地学英语的美好愿望 Tutorabc 能帮你实现

随着互联网技术的飞速发展&#xff0c;在线教育也随着得到长足的发展&#xff0c;而后随着它的优势不断凸显&#xff0c;越来越多的人开始认可并接受在线教育。这也是在线英语学习平台能不断发展和进步的主要原因&#xff0c;正是因为越来越多的人能接受这一新的学习方式&#…

精选 8个 学习英语的APP,完全免费,适合不同阶段的你

一直有小伙伴找盘哥要学习英语的软件&#xff0c;以前零零星星的分享过几个&#xff0c;这次花了2天时间&#xff0c;重新挑选了10个良心好用的英语学习APP&#xff0c;有安卓版本的&#xff0c;也有iOS版本的&#xff0c;希望对你有所帮助。 文章比较长&#xff0c;希望你在饭…

全天候自动化的企业知识库文档、帮助中心到底有什么用?

想要给客户提供一个良好的客户体验&#xff0c;除了出色的服务态度之外&#xff0c;很重要的就是可以及时给到客户们他们想要的信息。最好的方法就是建立一个企业的知识库文档&#xff0c;也可以叫做是帮助中心。很多时候&#xff0c;客户都是根据帮助中心的内容来作出购买决定…

用C端经验做B端产品,需要考虑客户的整个体验旅程

B端产品大多需要保障业务流程的顺畅。一款B端SAAS产品选择长尾部分的客户&#xff0c;对产品设计和运营提出了高要求&#xff0c;除了考虑产品满足客户实际管理需求外&#xff0c;更需要考虑客户整个体验旅程。 B端产品大多需要保障业务流程的顺畅。一款B端SAAS产品选择长尾部分…

实现layui中每次切换页面时刷新页面(tab页面)

实现layui中每次切换页面时刷新页面&#xff08;tab页面&#xff09; 在html中找到tabChange方法&#xff0c;加上下面这部分代码即可实现每次切换tab页面时刷新页面&#xff08;重新载入&#xff09; tabChange: function (id) {//切换到指定Tab项element.tabChange(demo, i…

【微信小程序】页面tabBar切换、下拉刷新

目录 前言 一、tabBar切换 1.为什么使用tabBar 2.注意事项&#xff08;官网提示&#xff09; 3.如何使用&#xff08;附源码&#xff09; 二、下拉刷新 前言 基本上&#xff0c;所有的小程序&#xff0c;页面底部都有个tab,来实现页面的切换&#xff0c;效果如下 一、t…

后台管理tab切换回显刷新页面

el-form-item style"margin-bottom: 0px" label"拆股人手机号"><el-inputsize"small"v-model"form.mobile"placeholder"请输入手机号"input"onInput"></el-input></el-form-item><el-for…

chrome浏览器手动调节模拟网速

chrome浏览器手动调节模拟网速 参考网址&#xff1a; https://blog.csdn.net/Liberty_yes/article/details/122792457?ops_request_misc&request_id&biz_id102&utm_termchrom%E6%B5%8F%E8%A7%88%E5%99%A8%E9%99%8D%E4%BD%8E%E7%BD%91%E9%80%9F&utm_mediumdis…

女方父母总是插手家里的事怎么办?

我老弟的丈母娘就喜欢插手女儿女婿的家事&#xff0c;结婚五年多从未间断过&#xff0c;为此我老弟差点跟媳妇离婚&#xff0c;最后还是找到了解决的方法。 我老弟和弟媳是经人介绍认识的&#xff0c;虽然我们家是农村的&#xff0c;弟媳是城里人&#xff0c;但我老弟是烧烤大师…

传说中程序员都是直男,程序员适合做老公吗?

我是程序员汉小哲。 说说媳妇眼中的我。 --------------------------------------------------------------------------------------- 来自笔记 工作认真、爱玩打牌游戏 工作认真&#xff0c;基本晚上11点以后睡觉&#xff0c;没弄明白的在家弄到凌晨不知几点&#xff0c…