在 Deno 中调用外部 API

AI 编程助手,豆包旗下的编程助手,提供智能补全、智能预测、智能问答等能力,节省开发时间,释放脑海中的创造力,支持 VSCode,点击体验 AI

Deno是一种新型的现代Web开发运行时环境,使用标准的ES模块和TypeScript进行编写。Denno还提供了强大的工具来构建现代Web应用程序,其中一个最重要的功能就是能够轻松地调用外部API。这篇文章将介绍如何在Deno中调用外部API。

使用Fetch API访问外部API

在Deno中,使用Fetch API能够轻松地访问第三方API。Fetch API支持Promise并返回Response对象,我们可以使用该对象读取返回值并处理响应。

以下是一个使用Fetch API的基本示例:

----- --- - -----------------------------------------------
----- -------- - ----- -----------
----- ---- - ----- ----------------
------------------

首先定义你要请求的API地址,在上面的示例中,我使用http://jsonplaceholder.typicode.com/api/hello来测试代码。

然后使用fetch函数发送请求并提供url作为参数。fetch函数返回通用Response对象,该对象包含来自服务端的API响应。可以使用response.json()方法,通过promise异步方法得到JSON格式的数据。 然后可以以任何方式使用获得的数据。在上面的示例中,我使用console.log()将其日志出来。

HTTP库Axios

Fetch api虽然简单易用,但它有些局限性。例如,无法取消请求,也无法在请求时设置超时时间。有一些外部API需要进行身份验证,而Fetch API在处理这个方面也较为困难。要解决这些问题,可以使用axios库。

Axios是一个流行的JavaScript库,它可以在浏览器和Node.js中使用。 它基于Promises,支持拦截请求和响应等功能。

以下是基本使用Axios的示例:

------ ----- ---- -----------------------------------

----- --- - -----------------------------------------------
----- -------- - ----- ---------------
----- ---- - --------------
------------------

使用axios要求您首先从Deno官方第三方Deno库中导入axios模块。 然后使用get()方法获取相应的数据。 在上述示例中,我们还提取response.data属性以获取JSON数据。

结论

在Deno中,您可以使用fetch API或axios库轻松访问外部API。Fetch API简单明了,使用起来很容易。但是如果你需要更多的可控性并且需要通过更多的方式定制HTTP请求,那么你可以考虑使用axios。我推荐初学者使用fetch API并逐步升级到使用axios。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6729ad942e7021665e254987


猜你喜欢

  • 解决 Express.js 中 MongoDB 数据类型转换的问题

    在使用 Express.js 和 MongoDB 构建 Web 应用程序时,经常会遇到数据类型转换的问题。这是因为 MongoDB 中的数据类型与 JavaScript 中的数据类型不同。

    5 天前
  • 如何使用 React Native 实现二维码扫描功能

    React Native 是一个由 Facebook 开发的跨平台移动应用开发框架,它可以让开发者使用 JavaScript 和 React 来构建原生应用。在移动应用中,二维码扫描功能是一项非常常见...

    5 天前
  • 分析 JavaScript 中 Promise 链式调用使用 forEach() 造成的问题原因

    在 JavaScript 中,Promise 是一种处理异步操作的方法,它可以将异步操作转换为同步操作,使得代码更加简洁易读。在使用 Promise 进行链式调用时,我们可能会使用 forEach()...

    5 天前
  • Redux 状态管理在 React Native 中的最佳实践

    介绍 Redux 是一个流行的状态管理库,它可以帮助 React Native 应用程序更好地处理数据流。Redux 的设计思想是单向数据流,即从应用程序的状态树中读取数据,并将数据传递给 React...

    5 天前
  • 在响应式设计中如何优化页面加载速度

    在响应式设计中如何优化页面加载速度 随着移动设备的普及,响应式设计越来越受到关注。然而,响应式设计的一个常见问题是页面加载速度慢,因为它需要加载大量的CSS和JavaScript文件。

    5 天前
  • 如何在 Fastify 中使用第三方 API

    Fastify 是一个快速、低开销、可扩展的 Node.js Web 框架,它支持插件机制,可以轻松地集成第三方 API。本文将介绍如何在 Fastify 中使用第三方 API,以及如何使用插件来简化...

    5 天前
  • Angular6.x 的改善措施和关键变化

    Angular 是一个流行的前端框架,它的最新版本是 Angular 6.x。在这个版本中,Angular 团队引入了一些重要的改善措施和关键变化,让开发者能够更加高效地构建 web 应用程序。

    5 天前
  • PM2 如何管理 Node.js 应用中的内存泄漏问题

    内存泄漏是 Node.js 应用开发中常见的问题之一。当 Node.js 应用长时间运行时,可能会出现内存泄漏,导致应用的内存占用不断增加,最终导致应用崩溃。如何管理 Node.js 应用中的内存泄漏...

    5 天前
  • 好的 TypeScript 代码规范:提高项目质量的关键

    TypeScript 作为一种静态类型语言,可以在编写 JavaScript 代码时提供更好的类型检查和智能提示,从而提高代码的可读性和可维护性。但是,如果没有好的代码规范,即使使用 TypeScri...

    5 天前
  • 细节决定高层次——Performance Optimization 实践中的技巧和调试方法

    在前端开发中,性能优化是一个非常重要的话题。随着页面功能的增加和复杂度的提高,页面的加载速度和响应速度对于用户的体验和网站的SEO都有非常大的影响。因此,如何优化页面性能成为了前端开发人员必须面对和解...

    5 天前
  • 如何使用 Babel 编译 ES6 代码并同时支持 React Router

    前言 随着 Web 技术的不断发展,ES6 已经成为了前端开发的主流语言之一。然而,由于不同浏览器对 ES6 的支持程度不同,我们需要使用 Babel 来将 ES6 代码转换为浏览器能够理解的 ES5...

    5 天前
  • Chai 和 Robot Framework 结合使用进行自动化测试及常见问题解决方法

    前言 随着前端技术的快速发展,前端自动化测试已经成为了不可或缺的一部分。在自动化测试中,Chai 和 Robot Framework 是两个非常常用的工具,它们的结合使用可以提高自动化测试的效率和质量...

    5 天前
  • 入门:开发一个适用于多个平台的 Redux App

    Redux 是一个流行的 JavaScript 应用程序状态管理库,它可以帮助您管理应用程序的状态,并使状态更容易调试和维护。在本文中,我们将学习如何使用 Redux 开发一个适用于多个平台的应用程序...

    5 天前
  • Cypress 测试用例编写指南:常用的测试工具建议

    Cypress 测试用例编写指南:常用的测试工具建议 Cypress 是一个现代化的前端测试框架,它提供了一系列的 API 来方便地编写测试用例。在本文中,我们将介绍 Cypress 的使用方法,并提...

    5 天前
  • Angular与Socket.io实现实时通信

    在现代web应用程序中,实时通信已经成为了必不可少的一部分。Angular是一种流行的前端框架,而Socket.io是一种强大的实时通信库,两者结合可以实现高效的实时通信。

    5 天前
  • 在 GraphQL 中如何使用数据缓存来提高性能

    什么是 GraphQL? GraphQL 是一种用于 API 的查询语言,它不仅仅是一种查询语言,还是一种用于构建 API 的运行时。它允许客户端定义所需的数据结构,而不是由服务器定义。

    5 天前
  • 解决 Tailwind CSS 在 React Native Web 中无法使用的问题

    背景 Tailwind CSS 是一种流行的 CSS 框架,它通过提供一组预定义的类来帮助开发人员快速构建网站或应用程序的样式。它的设计初衷是让开发人员可以更快地编写 CSS,同时保持样式的一致性和可...

    5 天前
  • PWA 中的 “添加到主屏幕” 问题及解决方案

    在现代化的 Web 应用中,PWA(Progressive Web App)已经成为了一个非常流行的技术,它可以让 Web 应用在用户的设备上具有与原生应用相似的体验。

    5 天前
  • Express.js 中的文件上传和下载

    在 Web 应用程序中,文件上传和下载是常见的功能之一。在 Express.js 中,我们可以使用一些中间件和库来处理文件上传和下载。 文件上传 使用 multer 中间件 multer 是一个 No...

    5 天前
  • MongoDB 查询优化技巧及实践

    前言 MongoDB 是一个非常流行的 NoSQL 数据库,它的灵活性和可扩展性使得它成为了许多企业的首选数据库。但是,如果不进行优化,MongoDB 查询的性能可能会受到影响。

    5 天前

相关推荐

    暂无文章