在前端开发中，GraphiQL 是一个被广泛使用的用于编写和测试 GraphQL 语言查询的 IDE。@nicolasparada/graphiql-middleware 是一个 npm 包，它为 Express 框架提供了一个 GraphiQL 页面，这个页面可以用于查询和测试 GraphQL 接口。在本文中，我们将介绍如何使用 @nicolasparada/graphiql-middleware 包，以及如何将它集成到已有的 Express 应用程序中。
安装 @nicolasparada/graphiql-middleware
在开始使用 @nicolasparada/graphiql-middleware 之前，我们需要先安装它。使用以下命令进行安装：
npm install @nicolasparada/graphiql-middleware
集成 @nicolasparada/graphiql-middleware 到 Express 应用程序中
要将 @nicolasparada/graphiql-middleware 集成到 Express 应用程序中，我们需要按照以下步骤执行：
- 在应用程序中引入 @nicolasparada/graphiql-middleware 包：
const graphiqlMiddleware = require("@nicolasparada/graphiql-middleware");- 创建一个路由，该路由将用于渲染 GraphiQL 页面：
app.use('/graphiql', graphiqlMiddleware({ endpoint: '/graphql' }));其中，/graphiql 是路由的路径，endpoint 是 GraphQL API 的端点 URL。
在浏览器中使用 @nicolasparada/graphiql-middleware
现在，我们已经将 @nicolasparada/graphiql-middleware 集成到我们的 Express 应用程序中，我们可以在浏览器中访问 /graphiql 路径来测试 GraphQL API。
以下是一个简单的示例，用于查询一个名为 "hello" 的 GraphQL 接口：
query hello {
sayHello
}这个示例返回一个字符串，其中包含 "hello"。
总结
在本文中，我们介绍了如何使用 @nicolasparada/graphiql-middleware 包将 GraphiQL 集成到 Express 应用程序中。这个包提供了一个简单而直观的方法来测试和开发 GraphQL 接口。使用本文中的步骤，您可以轻松地将 @nicolasparada/graphiql-middleware 集成到您的应用程序中，并开始测试和开发您的 GraphQL 接口。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600558a081e8991b448d5ecd