在构建应用程序时，错误处理是非常重要的一部分。如果没有正确的错误处理机制，应用程序很容易出现崩溃，从而影响用户体验和服务器稳定性。GraphQL是一种强大的查询语言，但如果没有正确地处理错误，它仍然会产生服务器崩溃的情况。这篇文章将介绍如何在GraphQL应用程序中正确地处理错误，以避免服务器崩溃。
GraphQL错误类型
GraphQL错误可分为两种类型：语法错误和运行错误。
语法错误
语法错误是由于GraphQL查询或变异中存在无效的语法造成的错误。比如，下面的查询将导致语法错误：
query {
user {
name
age
}
}上面的查询在“user”字段后没有包括逗号，这是一个语法错误。当GraphQL服务器收到查询时，它会尝试解析查询，并在查询包含语法错误时引发错误。
运行错误
运行错误是由于GraphQL服务器上执行查询或变换时发生的错误所致。例如，下面的查询将导致运行错误：
query {
user {
name
unknownField
}
}上面的查询尝试访问“unknownField”，但在“user”对象中没有该字段。当GraphQL服务器执行查询时，它会尝试在数据源中查找“unknownField”，但它会发现该字段不存在，然后发生运行时错误。
错误处理
为了避免GraphQL服务器崩溃，我们必须正确处理这些错误。GraphQL定义了一种专门的错误类型来表示运行时错误，并将它们包装在响应中返回。以下是GraphQL服务器返回的错误格式：
-- -------------------- ---- -------
-
--------- -
-
---------- -----------
------------ -
-
------- --
--------- -
-
--
------- -
-------
--------------
-
-
--
------- ----
-对于每个错误，GraphQL服务器将返回一个包含错误消息、位置和路径的错误对象。路径表示请求中导致错误的字段列表。位置帮助开发人员快速找到包含错误的地方。如果没有发生错误，则数据将包含在响应中。
显示错误信息
可以使用GraphQL错误响应中的错误消息和位置信息来明确告诉用户发生了什么，并指导他们如何纠正问题。通常，错误信息应该显示在应用程序界面的顶部或页面中，使用一个明显的样式来区分错误消息。
query {
user {
name
unknownField
}
}假设我们知道这里发生了一个运行时错误，并想提示用户。我们可以从GraphQL响应拿到错误消息，并显示在页面上：
-- -------------------- ---- -------
------ - -------- - ---- ----------------------
------ --- ---- --------------
----- ---------- - ----
----- -
---- -
----
------------
-
-
--
-------- --------------- -
----- - ----- ------ ------- - - ---------------------
-- --------- -
------ ---------------------
-
-- ------- -
------ ---- ---------------------------------------
-
------ -
-----
-------------------------
------
--
-如上代码，我们可以将GraphQL服务器返回的错误消息渲染出来。
错误处理指导
当有多种类型的客户端（例如Web客户端和移动端客户端）使用GraphQL服务器时，良好的错误处理是必不可少的。以下是一些错误处理的指导：
- 明确告诉用户发生了什么：错误消息应该具有明确的错误消息，并指导用户如何解决问题。
- 错误状态码：HTTP状态码与GraphQL响应一起使用，以指示错误的类型（例如400表示请求错误）。这将帮助客户端更好地区分不同的错误类型。
- 记录错误：应该记录GraphQL服务器上发生的所有错误，并对这些错误进行分析和报告。这将帮助开发人员发现和解决代码中的错误。
- 错误分类：应该对GraphQL服务器上出现的错误进行分类，以帮助分析和报告。例如，可以分类语法错误、运行时错误和系统错误。
示例代码
下面的示例代码演示了如何在React应用程序中使用GraphQL查询数据，并处理错误响应。在此示例中，我们使用Apollo Client，这是一个流行的GraphQL客户端库。
-- -------------------- ---- -------
------ - -------- - ---- ----------------------
------ --- ---- --------------
----- ---------- - ----
----- -
---- -
----
------------
-
-
--
-------- --------------- -
----- - ----- ------ ------- - - ---------------------
-- --------- -
------ ---------------------
-
-- ------- -
------ ---- ---------------------------------------
-
------ -
-----
-------------------------
------
--
-
------ ------- --------------在上面的代码中，我们使用useQuery来查询GraphQL数据。如果查询成功，我们将数据渲染到页面中。如果发生任何错误，则错误消息将显示在页面上。
总结
在应用程序中使用GraphQL时，正确处理错误非常重要。良好的错误处理可以避免GraphQL服务器崩溃，提高应用程序的稳定性和可靠性。本文介绍了GraphQL错误类型、如何处理错误以及错误处理的指导。我们还提供了一个示例代码，展示了如何在React应用程序中使用GraphQL查询数据，并处理错误响应。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649fffee48841e9894c5d6bf