Apollo Router GraphQLPlayground

Help
1

Is there a way to show the legacy apollo graphQL playground in the new apollo router, like in Apollo Server?

Thanks,
Patrick

2

Are you just looking to run the Studio Sandbox from router? I believe this config option should do it for you.

3

But specifically this UI please

Screen Shot 2022-09-26 at 6.54.13 AM
Screen Shot 2022-09-26 at 6.54.13 AM4580×2948 399 KB

4

Oh I see, that I’m not sure of. I don’t think that functionality would have been built into router since it seems it is being deprecated even in Apollo Server (see the note about playground in the Apollo Server 4 migration docs)

5

I got the old ui using ApolloServerPluginLandingPageGraphQLPlayground and doing something like the snippet below.

import {
  ApolloServerPluginLandingPageGraphQLPlayground,
} from "apollo-server-core";

  const server = new ApolloServer({
    typeDefs,
    resolvers,
    csrfPrevention: true,
    cache: "bounded",
    introspection: true,
    plugins: [
      ApolloServerPluginLandingPageGraphQLPlayground({
        persistExplorerState: true,
        embed: true,
      }),
    ],
  });
6

I got the old ui using ApolloServerPluginLandingPageGraphQLPlayground and doing something like the snippet below.

import {
  ApolloServerPluginLandingPageGraphQLPlayground,
} from "apollo-server-core";

  const server = new ApolloServer({
    typeDefs,
    resolvers,
    csrfPrevention: true,
    cache: "bounded",
    introspection: true,
    plugins: [
      ApolloServerPluginLandingPageGraphQLPlayground({
        persistExplorerState: true,
        embed: true,
      }),
    ],
  });

I prefer ApolloServerPluginLandingPageLocalDefault because you get way more features. I would post a screenshot but since I’ma new user it’s giving me a hard time