GraphQL 是一种用于 API 的查询语言和运行时，与 REST 不同的是，GraphQL 通过定义一个类型系统来描述应用程序的数据模型，可以有效地减少网络请求次数，提高前端性能。但是，像所有的系统一样，GraphQL 也会遇到异常情况。在本文中，我们将探讨 GraphQL 中错误处理的最佳实践，以及如何确保客户端的正确性。
异常处理的重要性
错误处理是一个任何应用程序都需要考虑的事情，尤其是在GraphQL中，因为您需要在GraphQL定时器中捕获和处理错误。如果没有适当的错误处理，GraphQL会在遇到错误时终止查询，这会产生意想不到的结果，尤其是在复杂的嵌套查询中，这样的问题将慢慢变得非常棘手。
例如，假设您正在编写一个GraphQL查询，要求获取一个用户的帖子列表，以及每个帖子的评论，返回评论列表时出错了。由于没有适当的错误处理，前端应用程序将继续执行，但会得到不完整的帖子列表，以及不完整的评论列表。这样，您的应用程序将不能提供完整的数据，可能会导致用户的误导或者无法正常使用的问题。
错误处理的方法
GraphQL中有两种主要的错误类型：
- 语法错误：此类错误通常是由于查询或变异中存在格式错误引起的，例如拼写错误或缺少括号。
- 运行时错误：此类错误通常是由于查询或变异中引用了不正确的数据、类型或参数引起的，例如将布尔型赋值给字符型中。
在GraphQL中，处理错误的最佳方法是使用 try-catch 块，以确保您的客户端可以获得正确的数据。
当然，我们可以偷懒以及图省事，把所有类型的错误都返回给客户端：
-- -------------------- ---- -------
----- -------- ----------------- ------ -- -
----- ---- - ----- --------------------
-- ------- -
----- --- --------- ---- ----- ---- -- -------------
-
----- -------- - ----- ----------------------------
-- ----------- -
----- --- --------- -------- ----- --- ---- ---- -- -------------
-
------ ---------
-但是这并不是一个好的做法，因为这样会让您的客户端更难调试，同时也会泄露内部信息。
更好的方法是仅指定您的客户端需要的错误。这可以通过创建一个派生自 apolloLink 的链接来实现。例如，您可以使用 onError 链接函数，在函数中捕获 GraphQL 异常，然后返回一个自定义错误对象，该对象仅包含所需的客户端错误。
-- -------------------- ---- -------
------ - ---------- - ---- --------------
------ - ------- - ---- --------------------
----- --------- - ---------- -------------- ------------- --------- -- -- -
-- --------------- -
------------------------ -------- ---------- ---- -- -- -
------------
--------- ------- -------- ----------- --------- ------------- ----- --------
--
---
-
-- -------------- -
--------------------- ------- ------------------
-
---在上面的代码中，我们使用 onError 链接函数捕获 GraphQL 异常，然后打印 GraphQL 错误信息。
结论
错误处理在任何应用程序中都是重要的话题，尤其是在 GraphQL 中。通过适当的错误处理，我们可以确保我们的客户端代码始终处于正确的状态，提高应用程序的可靠性和可维护性。
在本文中，我们讨论了在GraphQL中处理异常情况的最佳实践，以及如何确保客户端的正确性。我们通过示例代码演示了如何创建自定义 Apollo Link 链以及如何识别不同类型的 GraphQL 错误。
我们希望您在本文中获得了有关 GraphQL 错误处理最佳实践的深入了解，并开始将这些技术运用到自己的项目中。如果您想了解更多有关GraphQL以及前端开发的最佳实践，请继续关注我们的博客！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6724528e2e7021665e130b76