首页 > 其他分享 >基于 API 的项目开发的一些技巧和窍门

基于 API 的项目开发的一些技巧和窍门

时间:2022-09-06 09:36:20浏览次数:97  
标签:API 调用 apiReply 技巧 窍门 开发 使用 response

基于 API 的项目开发的一些技巧和窍门

Light my way

我将从一个对任何开发人员来说都很烦人的故事开始。我上周开始开发我的新的基于 API 的项目,首先,我花了大约 6 个小时检查大量公开开放的 API 和所需数据后,花了很多时间寻找可以使用的合适 API展示我想展示的技能。最后,我选择了一个可以满足我的项目需求的优秀 API。我开始深入研究项目开发,这是一个 react-redux 项目。经过两天的努力,我无法从该 API 中获取更多数据,我知道我每个月有 1000 次调用,但我无法想象我会消耗那么多!!!!,我忘了我我在更改我的代码时运行服务器,这会导致过多的 API 调用!

一分耕耘一分收获!

我再次重新启动以相当快地寻找另一个 API 我停在一个新的 API 但这次我没有 1000 个调用我只有 500 个调用......是的,我有足够的信心在第一次体验后选择这样的 API 虽然我知道我几乎需要从头开始重新开发,因为新 API 的数据结构完全不同,但这次我需要明智地使用允许的调用。

制作 API 回复的本地副本

首先,我使用最低选择标准进行了几次 API 调用,因此我有更广泛的数据范围,可以在本地过滤,我在资源管理器上运行我的 fetch URL - 在这里你可以使用其他一些工具,比如 Postman或 API Client VS-extension- 并将回复复制到我的项目中的 JSON “eg apiReply.json” 文件,然后更改 API 调用函数:

从:

 const data = await fetch(API-URL).then((response) => response) .then((response) => response.json());

至:

 从'../../API/apiReply.json'导入apiReply; 常量数据 = apiReply;

现在,您可以使用 API 数据进行任何开发,而无需消耗允许的 API 调用,尽管您会在一段时间后获得一些过期数据,您仍然可以访问大多数需要的数据进行开发,即使您每两三个更新一次 API 数据小时您仍然使用非常有限数量的真实通话。完成大部分代码开发部分后,您可以切换真正的 API 调用功能。

考虑开发后的实际时间

历史 历史 历史,从开发的最初步骤开始,您就需要在开发后对您的应用程序实时关注,以尽可能减少 API 调用。如前所述,您需要使用最少的选择标准进行 API 调用,并且不要依赖 API 调用来进行所需的选择,使用不同的过滤函数在您的代码中进行选择,并尽可能利用历史记录,请始终检查如果您的商店或历史记录中有所需的数据。

我想强调两个与历史相关的钩子,它们对于这个目的很有用。 使用位置 当您需要在不同的路线之间来回导航时,这有很大的好处。另一个是 使用历史 这对应用程序测试有很大帮助。

Triumph

最后,我要提醒您,始终定义您最稀缺的资源并以最有效的方式管理它的黄金角色!

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明

本文链接:https://www.qanswer.top/18546/15300609

标签:API,调用,apiReply,技巧,窍门,开发,使用,response
From: https://www.cnblogs.com/amboke/p/16660598.html

相关文章

  • API 的 Authorization 头里为啥有个 Bearer
    在我们设计和使用API授权的时候,经常会接触到如下内容:Authorization:BearerTokenxxxxxx为什么前面会有个Bearer,直接弄成这样不是更简单么。Authorization:Token......
  • Java 使用技巧-如何抛出一个异常并捕获它
    工作中需要使用Java编写插件,但并不是主要技术栈,所以简单地学习记录一下。背景与Javascript不同,Java中类型的概念非常强,函数中不能返回与声明不同类型的返回值。例如下面......
  • vue3之composition-api的使用(包含watch watchEffect)
    是什么composition-api官方介绍vue2:options-api,组件按照选项组织,就是将组件各个部分严格写在methods、computed、watch、data等等里面(特定的区域写特定的代码);vue3:co......
  • APIRouter of FASTAPI
    ROUTEROFAPPhttps://fastapi.tiangolo.com/tutorial/first-steps/如果应用比较简单,可以把所有的路径定义在app上。如果应用非常庞大,有很多的逻辑,按照业务分为产生数十......
  • Composition-api使用
    背景、Composition和Option对比#Composition-api使用背景Composition-api是vue3的新特性,在vue2中可以安装@vue/composition-api使用该语法,目前项目现状是用的vue2,所以集......
  • 日常开发记录-前端浏览器高级调试技巧整理
    1. 一键重新发起请求场景:在和后端联调时用的比较多,快速的重发请求,不用再在页面上点击步骤:选中“Network” 点击Fetch/XHR选择要重新发送的请求(鼠标点击一下)右......
  • APISpace 二次号查询API
    APISpace的二次号查询API,支持快速查询号码是否为二次放号,避免新旧机主产生纠纷。极低的检测成本,检测更高效,精准检测互联网用户、检测更真实!快狠准! APISpace上面还有......
  • Flask 学习-48.Flask-RESTX 使用api.model() 模型工厂
    前言model()工厂允许您将模型实例化并注册到您的API或Namespace.api.model()工厂有2种使用方式,第一种直接使用api.modelmy_fields=api.model('MyModel',{'n......
  • API接口签名校验(C#版)
    我们在提供API服务的时候,为了防止数据传输过程被篡改,通常的做法是对传输的内容进行摘要签名,把签名串同参数一起请求API,API服务接收到请求后以同样的方式生成签名串,然后进行......
  • [教程]:使用 FastAPI 和 Docker 提供容器化 ML 模型
    [教程]:使用FastAPI和Docker提供容器化ML模型使用FastAPI和docker提供容器化机器学习(ML)模型的分步教程。Ourtechstackforthetutorial在我的**以......