爱收集资源网

小程序必备!轻松获取第三方数据的request技巧

网络整理 2023-09-29 11:04

了解完上面的这些内容,动手能力强的,基本上就可以完成好多类别的小程序了。

今天这篇文章步入一个新的领域,开始步入网路开发,前面的内容都是不需要有服务器或后台的概念的。因为所有功能都在小程序端就解决了,数据也只是使用的缓存。

如果要实现一些比较复杂的小程序,服务器的使用肯定是绕不开的一个环节,在陌陌小程序中,通常有如下 3 种形式,进行后台服务端的开发。

真正意义上的第三方,使用非自己,非陌陌官方的插口;使用陌陌小程序的云开发能力;自己搭建服务器,给小程序提供服务端插口;

它们的开发难度是 1 > 2 > 3,1 和 3 在小程序端的开发并无差别,只是 3 可能须要全栈开发能力,才能驾驭。

微信官方提供的网路 API 文档,有如下 4 类:请求数据(request),下载文件(downloadFile),上传文件(uploadFile),WebSocket。

今天这篇文章,就来介绍一下,如何在小程序中使用 request 获取第三方的数据?

开发实战

我们要使用的是易源插口提供的数据 API — 历史上的明天。

首先在项目目录中,新建 request 目录,并新建 Page index,页面代码如下:

#b:0:1:b:3:8:3:6:b:d:8:c:a:c:5:c:4:2:b:0:1:b:6:9:8:f:0:5:a:7:9:e#

很简单,就是一个列表款式,传入 lists 值,用来展示「历史上的明天」的风波。

接下来就是恳求第三方的 API 数据了,先看一下易源的插口文档:历史上的明天-易源插口文档,大致内容如下图:

#5:7:b:3:9:c:b:f:1:e:6:1:3:2:9:0:7:5:e:8:c:5:3:d:5:4:6:f:0:c:6:c#

接口返回格式为 json,请求数据须要 4 个参数,这是为了校准,需要我们注册帐户才可以获取。

这里重点是要知道,返回数据的 json 结构,如下:

#c:0:4:9:3:3:3:2:b:e:0:d:a:7:5:9:e:4:6:c:2:9:a:f:6:c:3:5:1:6:c:1#

接下来,我们就可以编撰 js 代码了,打开 request/index.js 文件,编写恳求函数:

#b:d:9:f:1:f:0:b:2:9:3:a:9:3:4:5:a:9:6:8:7:3:4:c:c:3:6:5:1:1:8:2#

通过 wx.request API 就可以进行网路恳求,根据 json 的结构,可以确切领到 list 信息。注意一点:这里使用 callback 返回数据,思考一下为何?另外,上述代码中 showapi_appid,showapi_sign 参数须要替换成自己的。

最后页面风波函数中,调用该方式即可,代码如下:

#3:d:c:b:2:0:e:1:5:9:4:2:1:7:6:7:3:b:b:7:8:c:2:2:4:1:f:b:2:1:d:9#

最终页面显示如下图所示:

#5:7:4:4:9:f:b:f:7:1:b:a:c:2:9:1:3:8:e:2:a:1:e:f:3:2:1:9:8:6:5:d#

**需要注意的是:**线上版本一定要在小程序公众平台进行域名信息配置,开发工具中,在此处查看信息。

#8:5:e:d:9:b:1:0:0:7:9:4:b:4:3:f:d:1:a:4:7:a:7:a:c:b:3:7:e:8:9:4#

开发测试阶段,可以勾选「不校准」选项,方便在开发工具中进行调试。

#2:a:4:c:8:e:2:3:1:d:d:c:c:6:5:2:3:6:c:8:7:1:c:8:f:d:1:9:5:1:b:0#

总结

本篇文章介绍了陌陌小程序使用服务器(也就是后台开发)的三种形式,分别是:使用第三方数据插口、使用云开发以及自建服务器。

另外,以实战方式介绍了 wx.request 的用法,并完成了「历史上的明天」的小工具。

留一个思考题:由于类似的第三方数据插口,都是付费服务,这个插口其实免费,但是限制调用次数,如何通过改进代码最低限度调用插口?有两个思路:

借助缓存功能,每天每位用户只须要 1 次恳请;借助数据库功能,不管多少用户,每天只须要 1 次恳请;

微信小程序 异常处理
上一篇:错充话费,手机该返还吗? 下一篇:没有了
相关文章