前言
在开发Web应用程序的过程中，前端和后端的协作非常重要。GraphQL是一种查询语言，使得前端可以使用它来与后端交互。在GraphQL和Express应用程序之间进行交互时，我们需要一个命令行界面来测试和调试GraphQL API。这就是graphql-playground-middleware所做的工作。
什么是graphql-playground-middleware?
GraphQL Playground是一种提供直观交互式GraphQL API调试环境的HTTP中间件。因此，GraphQL Playground 中间件允许您将GraphQL playground添加到您的Express，Koa或Hapi服务器中。
安装
使用 npm 安装graphql-playground-middleware库：
npm install --save graphql-playground-middleware-express
使用
使用Express将GraphQL Playground链接到GraphQL API的示例代码如下所示：
-- -------------------- ---- -------
----- ------- - -------------------
----- - ------------- --- - - ---------------------------------
----- ----------------- - ------------------------------------------------
---------
----- --- - ----------
----- -------- - ----
---- ----- -
------ ------
-
--
----- --------- - -
------ -
------ -- -- ------ --------
--
--
----- ------ - --- --------------
---------
----------
---
------------------------ --- ---
---------------------- ------------------- --------- ---------- ----
------------ ----- ---- -- -- --
-------------------- ------ -- --------- -- ---- -------
--现在，在运行node app.js后，在浏览器中导航到http://localhost:4000。您将看到GraphQL Playground开发工具。
辅助工具
GraphQL Playground有许多优点，例如提供实时语法提示、帮助信息等。当人们使用GraphiQL或其他工具时，他们可能需要查看文档或复制/粘贴某些查询或突变。GraphQL Playground具有从其界面上下文控制的相同页面导航主题。以下是在GraphQL Playground中使用GraphiQL的示例。
-- -------------------- ---- ------- - ------------------- - ------------------- - --------------------------- - ------------------------------- - -------------------- - ------- ------------------------------------ - -------------------- - -------------------------------
总结
使用graphql-playground-middleware可以使您方便地测试和调试GraphQL API。在Express应用程序中使用它确实易于实现，并且提供了很多辅助工具来增强用户体验和提高效率。感谢您的阅读，希望这篇文章能够帮助你愉快地使用GraphQL Playground。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cd981e8991b448e6807