在 GraphQL 中使用 REST API 进行数据获取的解决方案

GraphQL 是一种用于 API 的查询语言,它提供了一种更高效、更强大的方式来获取和修改数据。然而,有时候我们需要从已有的 REST API 中获取数据,这时候该怎么办呢?本文将介绍如何在 GraphQL 中使用 REST API 进行数据获取的解决方案。

问题

假设我们有一个 REST API,它能够返回一些 JSON 数据,例如:

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

我们想要在 GraphQL 中获取这个数据,我们可以这样写一个 GraphQL 查询:

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

但是,我们无法直接在 GraphQL 中调用这个 REST API,因为 GraphQL 和 REST API 是两种不同的技术。那么,该怎么办呢?

解决方案

我们可以使用 GraphQL resolver 来解决这个问题。GraphQL resolver 是一个函数,它能够将 GraphQL 查询映射到实际的数据源。我们可以编写一个 resolver 函数来调用 REST API 并返回数据。

下面是一个示例 resolver 函数:

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

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

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

在这个示例中,我们使用了 node-fetch 库来发起 HTTP 请求。我们首先定义了 REST API 的 URL,然后在 resolver 函数中使用 fetch 函数来获取数据,最后将数据返回。

我们还需要将这个 resolver 函数注册到 GraphQL schema 中,例如:

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

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

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

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

在这个示例中,我们定义了一个 User 类型和一个 Query 类型,然后将 resolver 函数注册到 Query 类型中。

现在,我们就可以在 GraphQL 中使用这个 resolver 函数了,例如:

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

总结

在使用 GraphQL 进行数据获取时,有时候我们需要从已有的 REST API 中获取数据。通过编写 resolver 函数,我们可以将 GraphQL 查询映射到实际的数据源,并返回数据。本文介绍了如何在 GraphQL 中使用 REST API 进行数据获取的解决方案,并提供了示例代码。希望本文能够对你有所帮助!

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


猜你喜欢

  • 一文带你了解 ES11 的新特性

    ES11,也称为 ECMAScript 2020,是 JavaScript 语言的最新版本。在这个版本中,新增了许多新特性,包括可选链操作符、Nullish 合并操作符、动态 import 等。

    1 年前
  • webpack 构建时出错:“Error: Cannot find module 'webpack'” 怎么办?

    前端开发中,使用 webpack 进行模块打包是非常常见的做法。但是,有时候在使用 webpack 进行构建时,会遇到一些问题,其中之一就是出现了 “Error: Cannot find module...

    1 年前
  • Sass 与 Vue.js 结合实践及常见问题解决

    在前端开发中,CSS 是必不可少的一部分,而 Sass 可以让 CSS 的编写更加高效、可维护性更强。而 Vue.js 作为一款流行的前端框架,也有很多优点,比如双向数据绑定、组件化等等。

    1 年前
  • ES8 中的检测和控制和执行顺序

    ES8 是 ECMAScript 的第八个版本,也被称为 ES2017。它引入了一些新的特性,包括对象属性的控制、异步函数、共享内存和原子操作等。在本文中,我们将重点介绍 ES8 中的检测和控制和执行...

    1 年前
  • ECMAScript 2021:新特性 - String.prototype.replaceAll

    在前端开发中,我们经常需要对字符串进行替换操作。在以往的版本中,我们通常使用 String.prototype.replace 方法来实现字符串替换。但是,这个方法只能替换第一个匹配到的字符串,如果我...

    1 年前
  • Express.js 中如何使用 Sequelize 操作 MySQL 数据库

    在前端开发中,操作数据库是非常常见的任务。而 Sequelize 是一个 Node.js ORM(Object-Relational Mapping)框架,可以让我们在 Node.js 中更加方便地操...

    1 年前
  • Next.js SEO 优化实战:优化头部链接标签的定义

    在进行网站 SEO 优化时,头部链接标签的定义是非常重要的一环。Next.js 是一种流行的 React 框架,因此在优化 Next.js 网站时,我们需要特别注意头部链接标签的定义。

    1 年前
  • 如何在无障碍模式下正确的使用语义化 HTML

    在今天的 Web 开发中,语义化 HTML 已经成为了一个必备的技能。但是,对于无障碍用户来说,语义化 HTML 的重要性更是不言而喻。在本文中,我们将探讨如何在无障碍模式下正确使用语义化 HTML,...

    1 年前
  • PWA 性能优化:加速 Service Worker 安装过程

    PWA 性能优化:加速 Service Worker 安装过程 Service Worker 是 PWA 中重要的一环,它可以使应用离线可用,提高应用的性能和用户体验。

    1 年前
  • 用 Vue.js 实现多级全选功能实战教程

    在前端开发中,常常需要用到多级选择和全选功能。Vue.js 是一款流行的前端框架,提供了方便的数据绑定和组件化开发方式,可以快速实现多级全选功能。本文将介绍如何用 Vue.js 实现多级全选功能,并提...

    1 年前
  • Docker-compose 启动时 error: Bind for 0.0.0.0:8080 failed: port is already allocated 落地处理

    在使用 Docker-compose 启动多个容器时,有时候会遇到一个常见的错误:Bind for 0.0.0.0:8080 failed: port is already allocated。

    1 年前
  • 使用 React Router 实现 SPA 应用的路由管理

    前言 单页面应用(Single Page Application,简称 SPA)在现代 Web 应用中越来越流行。SPA 通过在一个页面中加载不同的组件和数据,实现了与传统多页面应用(Multiple...

    1 年前
  • CSS Grid 实现响应式设计的技巧与经验分享

    在现代 web 开发中,响应式设计已经成为了一个必备技能。而 CSS Grid 作为一种新的布局方式,可以非常方便地实现响应式设计。本篇文章将分享一些使用 CSS Grid 实现响应式设计的技巧和经验...

    1 年前
  • Kubernetes 中使用 iptables 实现网络策略

    在 Kubernetes 中,网络策略是一种非常重要的安全机制。它可以帮助我们控制容器之间的网络流量,从而保障应用程序的安全性和可靠性。在本文中,我们将介绍如何在 Kubernetes 中使用 ipt...

    1 年前
  • 使用 MongoDB 进行数据备份的正确姿势

    在前端开发中,数据备份是非常重要的一项工作。MongoDB 是一个非常流行的 NoSQL 数据库,因此在本文中,我们将介绍如何使用 MongoDB 进行数据备份的正确姿势。

    1 年前
  • PM2 自动重启后代码并未更新解决方法

    背景 在前端开发中,我们经常使用 PM2 来管理 Node.js 应用程序。PM2 是一个流行的进程管理器,可以帮助我们自动重启应用程序,以确保应用程序的稳定运行。

    1 年前
  • 在 Node.js 中使用 jsonwebtoken 进行鉴权实战教程

    随着互联网的发展,越来越多的应用程序需要进行用户认证和鉴权,保证用户数据的安全性。在 Node.js 中,我们可以使用 jsonwebtoken 库来实现鉴权功能。

    1 年前
  • Sequelize 中如何保证数据的唯一性

    在前端开发中,数据的唯一性是非常重要的。在 Sequelize 中,我们可以使用一些方法来保证数据的唯一性。本文将介绍如何在 Sequelize 中实现数据的唯一性,并提供示例代码。

    1 年前
  • Node.js 微信开发教程二:使用 Socket.io 实现微信聊天室

    在上一篇文章中,我们介绍了如何使用 Node.js 和 Express 框架搭建一个简单的微信公众号后台。在本文中,我们将进一步扩展这个后台,使用 Socket.io 实现一个实时聊天室。

    1 年前
  • Angular 技巧:双向数据绑定实现原理及应用场景

    在 Angular 中,双向数据绑定是一项非常强大的功能。它允许我们将数据从组件传递到视图,并从视图传递回组件,无需编写大量的代码。 在本文中,我们将深入探讨 Angular 中双向数据绑定的实现原理...

    1 年前

相关推荐

    暂无文章