使用 GraphQL 对数据库进行查询

面试官：小伙子，你的代码为什么这么丝滑？

GraphQL 是一种用于 API 的查询语言，它被用于 Web 应用程序中，以便客户端可以按照其需要精确地提取数据。与传统的 RESTful API 相比，GraphQL 具有更好的灵活性、安全性和可管理性。在本文中，我们将深入了解如何使用 GraphQL 对数据库进行查询。

GraphQL 简介

GraphQL 是一种用于 API 的查询语言，它由 Facebook 开发。它使得客户端可以按照其需要精确地获取所需的数据，并且不会得到任何其他不需要的数据。GraphQL 使用类型来确保查询的准确性，并允许多个查询嵌套在一起以提高代码清晰度。

在 GraphQL 中，应用程序的客户端发送一个具有描述请求的数据结构的查询，并收到仅包含他们所需数据的响应。这个查询描述了需要返回的字段及其类型、数据源以及如何关联多个数据源。这就使得 GraphQL 的查询具有更好的可扩展性和可维护性。

GraphQL 如何与数据库交互

GraphQL 本身并不是数据库或后端语言，它只是一种查询语言。因此，您需要在服务器端实现逻辑以向数据库发送查询，并将结果转换为 GraphQL 的响应格式。

在使用 GraphQL 与数据库交互时，您需要两个重要的组件：模型和解析器。

模型

模型是一个简单的 JavaScript 对象，它定义了数据模型的结构、关系和类型。每个对象代表一个表或集合，并描述其字段以及字段类型。在大多数情况下，您的模型将是您应用程序使用的主要数据源，并提供用于读取、创建、更新和删除数据的方法。

下面是一个示例的用户模型，它定义了“User”对象的结构和字段：

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

解析器

解析器是用于验证和执行 GraphQL 查询的代码的核心组件。它读取查询字符串并将其解析为对应的数据源查询。它还负责验证查询是否正确，以及从数据源返回一个正确的响应。

GraphQL 的查询解析过程包括以下步骤：

  1. 从客户端接收查询字符串。
  2. 将查询字符串解析为抽象语法树 (AST)。
  3. 验证查询，以确保它符合模型的结构和类型。
  4. 使用 AST 执行查询。
  5. 将数据库结果映射为 GraphQL 响应类型。
  6. 返回响应。

下面是一个简单的解析器示例：

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

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

在这个示例中，我们定义了查询类型“RootQueryType”，它包含了两个查询：“user”和“post”。每个解析器负责从模型中读取或查询数据，并将其转换为 GraphQL 可识别的类型。

示例

假设我们创建了一个名为“Blog”的博客应用程序，并使用 MongoDB 作为我们的数据源。我们需要为应用程序创建一个 GraphQL API，使得客户端可以查询和获取博客文章和作者的信息。

下面是一个简单的服务器端示例，它使用 Apollo Server 和 Mongoose 进行实现：

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

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

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

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

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

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

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

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

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

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

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

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

在这个例子中，我们分别定义了“User”和“Post”模型，并创建了 GraphQL 的“UserType”和“PostType”。这些类型定义了数据库中数据的结构和关系，并告诉 GraphQL 如何查询并返回它们的数据。

我们还定义了“RootQuery”和“Mutation”类型。这给我们提供了用于查询和变更数据的终端。

最后，我们创建了一个基于 Express 的服务器，并将 Apollo Server 添加到应用中。当客户端请求一个 GraphQL 查询时，我们的服务器将代替客户端与数据库交互，并返回查询结果。

结论

使用 GraphQL 查询数据库可以使应用程序更加灵活、高效和可维护。在本文中，我们了解了如何使用模型和解析器来实现 GraphQL API，并提供了一个示例服务器端实现。

当您为您的应用程序实现 GraphQL 时，请确保考虑您的应用程序的结构和需求，并首先编写良好的模型。然后，使用您的模型创建解析器和查询类型，以支持客户端的查询和变更操作。

希望这篇文章能为您带来帮助，谢谢阅读！

来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/66f29618a44b36ee5766769b

阅读全文

猜你喜欢

  • 浅谈 Serverless 无服务器架构及其优缺点

    什么是 Serverless 无服务器架构？ Serverless 架构是一种基于云服务的应用程序开发和部署方式。它的核心思想是将应用程序的开发和维护任务从开发人员身上剥离出来，让开发人员只需要关心业...

    22 天前
  • 如何利用 CSS Sprites 优化响应式设计

    在响应式设计中，图片是必不可少的元素。但是过多的图片会导致页面加载速度缓慢，影响用户体验。为了解决这个问题，我们可以通过利用 CSS Sprites 技术来减少页面图片请求的数量，从而优化页面加载速度...

    22 天前
  • 使用 Koa2 构建企业级 RESTful API

    前言 企业级应用程序需要高可伸缩性，高性能以及可维护性。REST（Representational State Transfer）是构建分布式应用程序时广泛使用的一种软件架构风格。

    22 天前
  • Angular 中的过渡动画详解

    过渡动画是网页设计中不可或缺的一部分，其能够为用户提供流畅的体验。在 Angular 框架中，过渡动画是通过内置的动画模块 @angular/animations 来实现的，该模块提供了一套灵活的 A...

    22 天前
  • 如何使用 Tailwind 实现可读性更好的代码设计

    当我们设计网站或应用程序时，代码的可读性和可维护性非常重要。这不仅有助于减少错误和冗长的代码，还有助于提高开发速度和代码质量。为了实现这一目标，一个非常有用和流行的工具是 Tailwind。

    22 天前
  • ES10：flat()、flatMap() 和 array.at()

    ES10 为 JavaScript 数组新增了三个方法，分别是 Array.prototype.flat()、Array.prototype.flatMap() 和 Array.prototype.a...

    22 天前
  • React Native 如何实现导航栏

    React Native 是一种流行的开源框架，它让开发人员能够使用 JavaScript 和 React 语言来构建本地移动应用程序。在开发 React Native 应用程序时，有时需要在不同的页...

    22 天前
  • 使用 Express.js 进行跨站点脚本攻击 (XSS) 预防的技巧

    2021 年的今天，Web 应用程序的安全性已经成为我们非常关注的一个问题。其中一种常见的安全问题就是跨站点脚本攻击（XSS）。在前端类应用程序中，我们经常使用 JavaScript 来实现一些交互功...

    22 天前
  • 优化 Headless CMS 在数据处理上的性能

    Headless CMS 是一种新型的 CMS 构架，它以无头的方式为开发人员提供数据，由开发人员自己编写前端界面。1990 年代，仍然有很多站点是静态站点，而当 CMS 出现以后，无疑是很大的进步。

    22 天前
  • 常见 MongoDB 错误解决方法大全

    MongoDB 是一个非关系型数据库，广受前端开发者的喜爱，但在实际开发中，可能会遇到各种各样的错误。本文将介绍几种常见的 MongoDB 错误，并提供详细的解决方法和示例代码。

    22 天前
  • CSS 布局调整了一下 – 使用 Flexbox

    CSS 布局调整了一下 – 使用 Flexbox 除非你是从古老的网站中浮出水面的一只恐龙，不然你应该都已经听说过 Flexbox。它是 CSS 世界中的一个相对新的部分，代表着我们对于网页布局的概念...

    22 天前
  • ES11 中 class 的 fields 初始化并处理函数中的 this 问题

    ES11 中的 Class 定义和初始化一个 Class 的实例都有了新的语法功能，即在类定义中允许直接初始化实例字段（fields），在构造函数中使用 this 变量引用当前实例，也支持简写语法。

    22 天前
  • 响应式设计中处理卡顿图片加载的方法

    响应式设计是一种让网站能够适应不同屏幕、不同设备和不同网络环境的设计方法。在响应式设计中，图片是一个重要的元素。但是，在一些情况下，图片加载可能会很慢，导致页面卡顿。

    22 天前
  • 用 Chai-HTTP 和 mock-http 测试 Node.js HTTP 服务器

    在开发 Node.js HTTP 服务器时，如何测试是非常重要的。传统的方法是手动在浏览器中访问服务器，并通过查看浏览器的控制台或服务器的日志来查看服务器是否正常工作。

    22 天前
  • 如何进行同构渲染无障碍 React 应用程序

    在前端开发中，渲染 React 应用通常是基于客户端的。这意味着客户端需要下载 JavaScript，解析它，并将 HTML 插入文档中。然而，这种方式对于一些用户来说可能不太友好，因为他们可能无法下...

    22 天前
  • 在 PWA 中使用 HTTPS

    为了使 Progressive Web App（PWA）更加安全和可靠，使用 HTTPS 是必不可少的。在本文中，我们将介绍如何在 PWA 中使用 HTTPS，以保证最高程度的数据保护和用户信任。

    22 天前
  • 使用 Custom Elements 和 LitElement 构建 Web 组件

    Web 组件是在现代 Web 开发中非常有用的工具。它们可以让我们更轻松地开发和维护 Web 应用程序，因为它们提供了更加模块化、可组合和可重用的代码，并且可以提高开发效率。

    22 天前
  • 使用新版 Next.js 亲手创建静态博客

    前言 近年来，随着 React 技术的普及，越来越多的网站开始使用 React 开发前端应用。其中，Next.js 是一个比较流行的 React 框架，可用于创建现代化的 Web 应用程序。

    22 天前
  • Cypress 和 Puppeteer 对比：使用与技术选型

    前言 在现代 Web 应用中，自动化测试是非常重要的一部分。随着前端技术的发展，前端自动化测试的需求也逐渐增长。其中，Cypress 和 Puppeteer 是目前最受欢迎的前端自动化测试框架之一。

    22 天前
  • Hapi 与 Authentication 插件：完整指南

    Hapi 是一个用于构建 Web 应用的 Node.js 框架，它有许多可扩展的插件，其中 Authentication 插件是那些需要鉴权或授权的应用场景下非常重要的一个。

    22 天前

相关推荐

    暂无文章