Can we use graphiql-explorer with the new graphql-http ?

[ShueiYang]

Hi,
Since express-graphql is deprecated can we still use graphiql explorer with the new graphql-http as replacement?

[benjie]

Yes, GraphiQL Explorer should work against any valid GraphQL API, I don't think it actually cares about the transport at all - it's schema/editor only.

[ShueiYang]

Ok thanks, because I do a quick test in localhost with http://localhost:3000/graphql it give me an error "message": "Missing query"

[enisdenjo]

I think the question is more whether the library ships with GraphiQL integrated. @ShueiYang that it does not and it never will, graphql-http is a reference implementation of the GraphQL over HTTP specification and as such follows the specification strictly without any additional features (see disclaimer in readme).

You can of course intercept the incoming requests and render GraphiQL whenever you wish.

[d-volution]

You can of course intercept the incoming requests and render GraphiQL

OK, but how to do that? Yes I am kind of a noob, but I would appreciate some hint or a weblink to a tutorial or whatever.
Do I have to write a whole GraphiQL renderer for myself?

Thanks in advance!

[ShueiYang]

I am also a beginner at GraphQL, all i can say is since the main goal from graphql-http is to do only what it should do, I simply use Postman to test some query since they support now graphql query. If you need more advanced feature like graphiQL you can for example just add and use graph-client to use graphiQL, there is also bigger library like Apollo-server which integrated their own Graphiql rendering. (Already link by enisdenjo in the readme)

[enisdenjo]

That is a fair point guys, let me see what I can do here. 🤔

[benjie]

You can also mount a pre-packaged GraphiQL into your server separate from graphql-http. Ruru for example can be rendered via basically any Node server.

[AmirHosein-Zare]

Regarding graphiql's disclaimer, is there an alternative?
There is no solution?

[enisdenjo]

You can always use one of more feature-full servers, like GraphQL Yoga. It offers a lot of things out-of-the box, things like subscriptions, caching, GraphiQL explorer, etc.

[ElginHarten]

Ran into the same problem, but it turned out to be straightforward to add back the same or equivalent functionality. I opted to install playground instead of GraphiQL this time around. This is how I do it using express:

`
import { createHandler } from 'graphql-http/lib/use/express';
const expressPlayground = require('graphql-playground-middleware-express').default

app.use('/graphql', createHandler({ schema: schema }));
app.get('/playground', expressPlayground({ endpoint: '/graphql' }));
`

This works for a simple hello world schema. I haven't figured out how to connect with my neo4j driver. If anyone can provide some hints, please share. Hope this works for you.

[ElginHarten]

For anyone interested, the solution for hooking neo4j driver is to craft your createHandler statement like so:

app.use('/graphql', createHandler({ schema: schema, context: (req) => ({ req, executionContext: driver }) }));