express - 使用 GraphQL Playground 覆盖默认的 GraphQL 沙箱

Question

每次当我创建一个 graphQL 服务器时ApolloServer，express当我导航到 http//:localhost:4000/graphql 时，它都会打开一个沙箱，如下所示：

我真正想做的是打开一个看起来像这样的graphql游乐场

我想要这个游乐场的原因是它让我可以cookies非常轻松地工作。我想在我的 chrome 浏览器上安装这个 exextion 会有所帮助。不幸的是，它没有用。这是我 ApolloSever在代码中使用 express 的实例：

 const apolloServer = new ApolloServer({
    schema: await buildSchema({
      resolvers: [HelloResolver, TodoResolver, AuthResolver],
      validate: false,
    }),
  });
  await apolloServer.start();
  apolloServer.applyMiddleware({ app });

请如果你知道我在哪里缺少帮助。坐在这里已经好几个小时了 没有任何效果

Answer 1

哇！几个小时后，我意识到我在错误的地方寻找答案。我开始逐行阅读文档，却发现我想要的功能是 for Apollo Server 2并且我正在使用 Apollo Server 3. 所以为了解决这个问题，我必须去我的 ApolloServer实例并在插件选项下添加以下内容：

...
import { ApolloServerPluginLandingPageGraphQLPlayground } from "apollo-server-core";
...
  const apolloServer = new ApolloServer({
    ....
    plugins: [ApolloServerPluginLandingPageGraphQLPlayground({})],
  });