GQLS.tar.gz

GrapheneDockerJob

StrawberryDockerJob

NodeDockerJob

FetchingThroughAPI

This course walks you through setting up docker for GraphQL on the Educative platform. You also get hands-on experience running a simple GraphQL API, GraphQL Server, and Interaction with live API.

A Complete Guide to GraphQL Setup on Educative

## NodeJS

In this lesson we will setup Docker Job for NodeJS.


// Importing the required libraries
var express = require('express');
var { graphqlHTTP } = require('express-graphql');
var { buildSchema } = require('graphql');
// Building Schema of GraphQL API
var schema = buildSchema(`
  type Query {
    hello: String
  }
`);
// Creating a function to call in API
var root = { hello: () => 'Hello world!' };
// Running GraphQL on Express server
var app = express();
app.use('/graphql', graphqlHTTP({
  schema: schema,
  rootValue: root,
  graphiql: true,
}));
// Assigning the port where it will listen
app.listen(4000, () => console.log('Now browse to localhost:4000/graphql'));

Let’s see what each field in the above job means:

### Select Docker Job Type

This is Docker Job Type selection in which we have to select what kind of docker job we are creating. 

``` Dockerfile
Live
```

### Job Name
This is just a job name for reference. You can use any name you want to specify for this job.

``` Dockerfile
NodeDockerJob
```

### Input File Name
Name of the input file you want to run in code widget. In our case, it is `server.js`.

```
server.js
```

### Run Script
This script runs when we execute the code in the code widget. It is mandatory.

```
node server.js
```
### Application Port
We have to specify the port on which we want to run it.

```
4000
```

### Start Script
This script runs when we execute the Live Widget for the very first time. It is mandatory.


```
cp server.js /usercode && node server.js
```

Now that our Node Express Server environment is all set up, we can make a SPA widget, and select the job name set for NodeDockerJob as illustrated below:

import React from 'react';
import { shallow, configure } from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';

configure({ adapter: new Adapter() });

import HelloWorld from './app';

var TestResult = function() {
    this.succeeded = false;
    this.reason = "";
    this.input = "";
    this.expected_output = "";
    this.actual_output = "";
}

export const executeTests = function() {

  var results = [];

  result = new TestResult();
  result.input = 'HelloWorld Component';
  result.expected_output = "span containing text 'Hello World'"

  let wrapper = shallow(<HelloWorld />);

  // Call your Challenge function here.

  let type = wrapper.type();
  let testSuccessful = true;
  let failureReason;

  if (type !== 'span') {
    testSuccessful = false;
    failureReason = "You need to render exactly one span HTML element";
  } else if (wrapper.props().children != "Hello World") {
     testSuccessful = false;
     failureReason = "You have rendered wrong message in your span element";
  }

  result.actual_output = wrapper.html();

  if (testSuccessful) {
    result.succeeded = true;
    result.reason = "Succeeded"
  } else {
    result.succeeded = false;
    result.reason = failureReason;
  }

  results.push(result);

  return results;
}


React

Dart

GoJS React

Typescript React

Vue.js

### Code Breakdown
From **Lines 1-3**
we are importing the required libraries to run GraphQL server.

From **Lines 5-9**
we are building a schema.

On **Line 11**
we wrote a query against which we will be fetching data.

From **Lines 13-19** we are running GraphQL server.

# NodeJS

In this lesson we will setup Docker Job for NodeJS.


Let’s see what each field in the above job means:

## Select Docker Job Type

This is Docker Job Type selection in which we have to select what kind of docker job we are creating. 

``` Dockerfile
Live
```

## Job Name
This is just a job name for reference. You can use any name you want to specify for this job.

``` Dockerfile
NodeDockerJob
```

## Input File Name
Name of the input file you want to run in code widget. In our case, it is `server.js`.

```
server.js
```

## Run Script
This script runs when we execute the code in the code widget. It is mandatory.

```
node server.js
```
## Application Port
We have to specify the port on which we want to run it.

```
4000
```

## Start Script
This script runs when we execute the Live Widget for the very first time. It is mandatory.


```
cp server.js /usercode && node server.js
```

Now that our Node Express Server environment is all set up, we can make a SPA widget, and select the job name set for NodeDockerJob as illustrated below:

## Code Breakdown
From **Lines 1-3**
we are importing the required libraries to run GraphQL server.

From **Lines 5-9**
we are building a schema.

On **Line 11**
we wrote a query against which we will be fetching data.

From **Lines 13-19** we are running GraphQL server.

__default

Running GraphQL using NodeJS

NodeJS

Docker Job

Select Docker Job Type

Job Name

Input File Name

Run Script

Application Port

Start Script

Select a Docker Job

Overriding Entry Point

Let’s run an example

Code Breakdown