深度解析 GraphQL 运行时错误处理

面试官:小伙子,你的数组去重方式惊艳到我了

GraphQL 是一种用于构建 API 的查询语言。它不仅具有强大的数据查询能力,还支持使用类型系统描述数据模型,并且允许客户端精确控制所需数据的呈现。然而,当请求出现错误时,GraphQL 如何处理这些错误?

在本文中,我们将深入了解 GraphQL 运行时错误处理的机制,并探索如何有效地处理错误。

GraphQL 错误处理

GraphQL 提供了一些机制来处理运行时的错误。其中最重要的是 Errors 类型。这个类型定义了一个 errors 字段,它允许将多个错误作为列表返回:

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

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

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

Error 类型包含几个与错误相关的字段:

  • message:错误消息的字符串表示。
  • code:这个错误的代码。 您可以使用此代码来向客户端提供更具体的错误信息。如果您不需要添加代码,则可以将其留为空。
  • path:导致错误的查询字段的列表。也就是说,当遇到错误时,GraphQL 知道在查询中定位哪一个字段。这是非常有用的,因为客户端可以使用这个路径来定位错误发生的位置。
  • locations:指出查询中错误发生的位置。这个位置是一个由 linecolumn 属性组成的对象列表。

当请求出现错误时,可以将多个 Error 对象放在 errors 列表中返回。如果没有发生错误,应用程序将返回一个有效的响应,其中不包含错误属性。但是,处理这些错误需要一些技巧。让我们看看如何处理错误。

GraphQL 错误处理技巧

静默错误处理

在某些情况下,您可能希望将 GraphQL 错误静默处理。这意味着您不会将错误暴露给客户端。相反,您将返回一个不包含错误的响应,而且没有客户端会收到有关出错的通知。

这是一个示例查询:

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

如果您尝试查询一个不存在的用户,服务器将返回以下响应:

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

但是如果您遇到其他类型的错误,例如无法连接到数据库,您可能希望完全忽略此错误并继续向下执行。在这种情况下,您可以使用 try-catch 块捕获错误并将其忽略:

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

这个例子使用 try-catch 块捕获 GraphQL 错误。在开发模式下,错误将被抛出并记录下来(例如在日志中)。但是,在生产模式下,错误将被忽略,并且应用程序将继续运行。请注意,这个技巧只适用于应用程序中不能修复的运行时错误,例如数据库错误或网络错误。

带有错误处理器的中间件

GraphQL 中的一种方法是使用具有错误处理功能的中间件。这个中间件可以捕获(并可能处理)请求过程中发生的任何错误。

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

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

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

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

这个例子使用 Express.js 中的 graphqlHTTP 中间件来创建一个 GraphQL API。 我们还使用了一个 formatError 函数来处理所有运行时错误。 这个函数可以看到发生错误的上下文,并且可以返回一个具有自定义格式的错误。

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

如果您尝试查询一个不存在的用户,服务器将返回以下响应:

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

请注意,在这个例子中我们没有提供 try-catch。 这是因为 graphqlHTTP 在内部处理和捕获所有错误,并调用您的 formatError 函数(如果有)来格式化错误。

利用 GraphQL 聚合查询错误

在 GraphQL 中,一个查询可以包含多个子查询或字段。 如果其中一个子查询或字段出错,父查询仍将按照其它部分正常工作。 这就是 GraphQL 的优势之一。即使某些查询失败,您的应用程序仍然可以提供一些可用的数据。 在这种情况下,您可能希望聚合所有子查询的错误并将它们作为单个错误报告给客户端。

为了聚合所有的错误,您可以将所有的路径(即当不可访问时出错的部分)存储在一个列表中,然后将它们传递给 Errors 对象。 下面是这样一个示例:

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

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

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

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

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

这个聚合错误函数接受一个错误列表,并将它们聚合成一个 Errors 对象。 聚合过程包括两个主要步骤:

  1. 将所有找到的路径存储在一个集合中。
  2. 将每个路径的所有错误组合并返回一个 GraphQLError 对象。

下面是我们如何使用这个函数:

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

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

这个例子检查是否存在运行时错误。 如果存在,则聚合它们并将它们设置为 errors 属性。 请注意,如果有错误,则数据将设置为 null。 这是因为如果错误发生,您不能保证您的 API 将返回有效的数据。

结论

在本文中,我们深入了解了 GraphQL 运行时错误处理的机制,并探索了如何有效地处理错误。我们强烈建议您学习如何使用 GraphQL 中的 Errors 类型来构建更强大的 API 并为您的客户端提供更具体的错误消息。

请记住,错误处理是任何 API 设计的重要部分,因此您应该阅读有关如何设计和构建 GraphQL API 的其他文章和资源,以获得更多信息和最佳实践建议。

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


猜你喜欢

  • Kubernetes 中可能会遇到的网络问题及应对方法

    Kubernetes 是一种流行的容器编排工具,它提供了一种可扩展的、可移植的、运行容器化应用的平台。Kubernetes 的网络是整个系统中最关键的部分之一。在使用 Kubernetes 时,可能会...

    8 天前
  • 如何实现 Sequelize 的降级处理

    如何实现 Sequelize 的降级处理 Sequelize 是一个 Node.js ORM(Object-Relational Mapping,即对象关系映射)库,它可以让我们使用 JavaScri...

    8 天前
  • 优化 LESS 与 Sass 编译速度的技巧

    前端开发中,LESS 与 Sass 是两种非常流行的 CSS 预处理器。它们可以帮助开发者在编写 CSS 时更加高效、简洁,提高开发效率。但是,在编译过程中,如果文件过大,编译的时间也会变得十分缓慢,...

    8 天前
  • CSS Reset 带来的误解与思考

    CSS Reset 在前端开发中相当常见,它能够清除浏览器默认样式,让我们更好的控制网页风格。然而,CSS Reset 也带来了一些误解与思考。本文将会围绕这些话题,进行详细的探讨。

    8 天前
  • 解决 Socket.io 连接失败的问题

    Socket.io 是一个在浏览器和服务器之间实现双向通讯的 JavaScript 库。它的主要优点是跨平台、实时通讯和可靠性,因此在前端开发中得到了广泛的应用。然而,在使用 Socket.io 过程...

    8 天前
  • 使用 Fastify 和 TypeScript 构建 CRUD API 教程

    本文将介绍如何使用 Fastify 和 TypeScript 来构建 CRUD API。Fastify 是一个快速和低开销的 Web 框架,可以帮助我们构建高效的 API。

    8 天前
  • 在使用 Chai 进行 JavaScript 测试时如何避免常见错误

    作为前端开发者,我们都知道测试对于保证代码质量和减少 bug 发生至关重要。Chai 是一个流行的 JavaScript 测试框架,它可以帮助我们编写简洁、易于理解的测试代码。

    8 天前
  • 如何在 React Native 项目中使用 Enzyme 和 Jest 测试 Native Modules?

    如何在 React Native 项目中使用 Enzyme 和 Jest 测试 Native Modules? React Native 是一款优秀的跨平台移动应用开发框架,而 Enzyme 和 Je...

    8 天前
  • 使用 PM2 部署 Node.js 应用的完整指南

    介绍 本文将介绍使用 PM2 部署 Node.js 应用的全面指南。我们将从头开始介绍如何使用 PM2,在生产环境中安全可靠地部署 Node.js 应用。 什么是 PM2? PM2 是一个运行在 No...

    9 天前
  • Node.js 中的 error-first 回调函数及其优劣分析

    引言 以前在 Node.js 的回调函数中使用 try-catch 块来捕捉错误是一种普遍的做法。但是在 Node.js 的早期版本中,try-catch 块会损害应用程序的性能,因为当有很多异常抛出...

    9 天前
  • Babel 编译 ES6 代码时出现的多种错误及解决方法全汇总

    随着 ECMAScript 6 (ES6) 的发布,前端开发者可以使用更加现代的语言特性来编写 JavaScript 代码。然而,ES6 的许多新特性(如箭头函数、模板字面量等)在现有的浏览器中并不被...

    9 天前
  • 在响应式设计中如何使用 Graceful Degradation 技术

    随着移动设备和不同尺寸屏幕的普及,响应式设计已经成为现代 web 设计的重要部分。然而,为了在所有设备上提供最佳体验,我们需要考虑一些低端设备和旧版本浏览器的兼容性问题。

    9 天前
  • 按需加载 React 组件

    React 是一个非常流行的前端框架,用于构建大型 Web 应用程序。React 组件是它的基本单元,开发人员可以轻松地将多个组件组合起来,以构建出复杂的应用程序。

    9 天前
  • 从 ES5 升级到 ES6 的最佳实践

    ES6 是 JavaScript 的重要更新版本,它引入了许多新的特性,包括箭头函数、类、模板字面量、解构赋值、扩展运算符等等。这些新特性可以极大地提高开发效率和代码质量。

    9 天前
  • 如何解决 Hapi.js 的服务器假死问题?

    Hapi.js 是一款基于 Node.js 的 web 应用框架,它提供了强大的路由、插件化、数据校验等功能。但是在某些情况下,使用 Hapi.js 可能会遇到服务器假死的问题,即请求无响应,无法响应...

    9 天前
  • 利用 Mongoose 对 MongoDB 数据库进行优化

    引言 随着互联网的迅猛发展,web 开发也变得越来越重要。前端工程师需要不断地学习新技术来满足用户需求。在 web 应用程序中,数据库是一个至关重要的组成部分。Mongoose 是一个流行的 mong...

    9 天前
  • Cypress 与 Jenkins 集成实现自动化 CI/CD

    作为前端开发人员,我们需要确保我们的应用程序稳定可靠并且能够与用户的需求相匹配。为了方便以及优化开发流程,自动化测试已经成为了不可或缺的一部分。 Cypress 是一款开源的自动化测试框架,能够提供强...

    9 天前
  • JavaScript 的严格模式:如何使用 ECMAScript 2018?

    JavaScript 是一种广泛使用的编程语言,它有很多功能和特性可以帮助开发者编写出高效、可维护的代码。在这些功能和特性中,严格模式是一项非常值得注意的特性。在 ES5 中引入,严格模式使得 Jav...

    9 天前
  • 使用 Deno 和 Oak 框架创建 Web 应用程序

    简介 Deno 是一个基于 V8 引擎的 JavaScript 和 TypeScript 运行时环境,它解决了 Node.js 中存在的一些问题。它包含一个更安全的默认环境,没有 npm 的全局安装,...

    9 天前
  • MongoDB 与 MySQL 比较优劣对比分析

    前端开发中,数据库是非常关键的一部分。而目前市面上比较流行的关系型数据库是 MySQL,而非关系型数据库则是 MongoDB。在选择数据库时,应该如何权衡它们的优劣呢?本文将对 MongoDB 与 M...

    9 天前

相关推荐

    暂无文章