apollo-server-module-graphiql

import { ApolloServer, gql } from 'apollo-server'; import { renderGraphiQL } from 'apollo-server-module-graphiql'; // NOTE: This code demonstrates usage of an ABANDONED package // 'apollo-server-module-graphiql' with an older 'apollo-server' v2/v3. // Do NOT use this for new projects. Refer to @apollo/server for current practices. const typeDefs = gql` type Query { hello: String greet(name: String!): String } `; const resolvers = { Query: { hello: () => 'Hello world!', greet: (_parent, { name }) => `Greetings, ${name}!`, }, }; async function startLegacyServer() { const server = new ApolloServer({ typeDefs, resolvers, }); const { url } = await server.listen({ port: 4000 }); console.log(`🚀 GraphQL server ready at ${url}`); console.log(`ℹ️ GraphiQL IDE (legacy) available at http://localhost:4000/graphiql`); // This would be a basic Express-like route handler to render GraphiQL // In a real application, this would be part of an actual HTTP framework integration. // This example does not launch a separate Express server, just illustrates the renderGraphiQL usage. // A proper integration would involve `app.get('/graphiql', (req, res) => res.send(renderGraphiQL()))` } // This quickstart does not fully spin up an Express server to serve GraphiQL, // as the primary ApolloServer.listen() provides its own landing page. // The `renderGraphiQL` function would typically be used in a custom HTTP server setup. // Example of how renderGraphiQL would be called: const graphiqlHTML = renderGraphiQL({ endpointURL: '/graphql', subscriptionsEndpoint: 'ws://localhost:4000/graphql' }); // console.log('GraphiQL HTML example (output is truncated):', graphiqlHTML.substring(0, 500), '...'); // To run this: ensure 'apollo-server@2.x.x' (e.g., 2.25.2) is installed, // NOT '@apollo/server'. // Then, `node your-file.js` startLegacyServer();