graphql-engine/community/tools/graphiql-online
Anon Ray a21f6cd648 introduce v1/graphql (fix #1368) (#2064)
Changes compared to `/v1alpha1/graphql`

* Changed all graphql responses in **/v1/graphql** endpoint to be 200. All graphql clients expect responses to be HTTP 200. Non-200 responses are considered transport layer errors. 

* Errors in http and websocket layer are now consistent and have similar structure.
2019-05-10 11:35:10 +05:30
..
bin add online graphiql to community tools (#716) 2018-10-25 14:57:02 +05:30
src introduce v1/graphql (fix #1368) (#2064) 2019-05-10 11:35:10 +05:30
static add env to handle graphql endpoint for graphiql-online (#1178) 2018-12-11 14:31:46 +05:30
webpack add online graphiql to community tools (#716) 2018-10-25 14:57:02 +05:30
.babelrc add online graphiql to community tools (#716) 2018-10-25 14:57:02 +05:30
.bootstraprc add online graphiql to community tools (#716) 2018-10-25 14:57:02 +05:30
.dockerignore add online graphiql to community tools (#716) 2018-10-25 14:57:02 +05:30
.eslintignore add online graphiql to community tools (#716) 2018-10-25 14:57:02 +05:30
.eslintrc add online graphiql to community tools (#716) 2018-10-25 14:57:02 +05:30
.gitignore add online graphiql to community tools (#716) 2018-10-25 14:57:02 +05:30
.npmignore add online graphiql to community tools (#716) 2018-10-25 14:57:02 +05:30
appconfig.js add online graphiql to community tools (#716) 2018-10-25 14:57:02 +05:30
Dockerfile graphiql-online upgrade deployment to now 2.0 (close #1838) (#1858) 2019-03-27 13:56:04 +05:30
now.json graphiql-online upgrade deployment to now 2.0 (close #1838) (#1858) 2019-03-27 13:56:04 +05:30
package-lock.json graphiql-online upgrade deployment to now 2.0 (close #1838) (#1858) 2019-03-27 13:56:04 +05:30
package.json graphiql-online upgrade deployment to now 2.0 (close #1838) (#1858) 2019-03-27 13:56:04 +05:30
README.md introduce v1/graphql (fix #1368) (#2064) 2019-05-10 11:35:10 +05:30

GraphiQL Demo

This version of GraphiQL is a fork of the original version with a simple header management UI.

You can access it live here - https://graphiql-online.com

Usage of Environment Variables

This app uses a few environment variables which are required for development. The production build uses values directly present in index.html serving this app.

We use dotenv for setting environment variables for development. Create a .env file in the root directory (wherever package.json is) and set the following values. Replace accordingly for testing.

PORT=3000
NODE_ENV=development
GRAPHQL_ENDPOINT=http://localhost:8090/v1/graphql
HEADER_STRING='{}'
VARIABLE_STRING='{}'
QUERY_STRING='query { test_table { id } }'

Note The .env file should not be in version control.

Deployment

$ npm run build

The static assets will be generated in static folder. There is an index.html file referencing the css and js assets inside dist folder.

For a quick Docker based deployment, use docker build -t graphiql . && docker run -d -p 8080:8080 graphiql for running the production build locally.

You can also use now.sh for a cloud deployment. Just simply run now to deploy this and get a live URL.