IMPORTANT: You need to do the steps in sequence in order for the state of the lesson's learning environment to be consistent. Otherwise, you'll get behaviors that might be confusing.

Go to the URL shown below to bring the GraphQL Playground up in your browser

https://[[HOST_SUBDOMAIN]]-80-[[KATACODA_HOST]].environments.katacoda.com

Add the following JSON to the HTTP Headers section in the lower left of GraphQL Playground to authenticate the UI to the IMBOB GraphQL API

{"authorization":"ch3ddarch33s3"}

Understanding This Step

TO BE PROVIDED

IMPORTANT: You need to do the steps in sequence in order for the state of the lesson's learning environment to be consistent. Otherwise, you'll get behaviors that might be confusing.

If you do not have the GraphQL Playground for the IMBOB API in a brower window, go to the following URL

Go to the link below to bring the GraphQL Playground up in your browser:

https://[[HOST_SUBDOMAIN]]-80-[[KATACODA_HOST]].environments.katacoda.com`

Let's do a simple query. Enter the following GraphQL code in the Query pane of the GraphQL Playground, or do a copy and paste from the clipboard to the GraphQL Playground.

{ movies { title releaseDate actors{ firstName lastName } directors{ firstName lastName } } }

Understanding This Step

TO BE PROVIDED

IMPORTANT: You need to do the steps in sequence in order for the state of the lesson's learning environment to be consistent. Otherwise, you'll get behaviors that might be confusing.

Go the your browser window that has the GraphQL Playground page we called in earlier steps.

Open a new tab in GraphQL Playground. We'll register the event, eventAdded by copying the following GraphQL subscription declaration into the new tab pane and then click the execute arrow in the GraphQL Playground UI.

subscription eventAdded{ eventAdded{ id name payload createdAt storedAt } }

Understanding This Step

TO BE PROVIDED

IMPORTANT: You need to do the steps in sequence in order for the state of the lesson's learning environment to be consistent. Otherwise, you'll get behaviors that might be confusing.

Go the your browser window that has the GraphQL Playground page we called in an earlier step.

Open another new tab in GraphQL Playground. We're going to execute a GraphQL mutation in this pane that will fire the event, eventAdded on the server side. This event will be published by the subscription to which registered in the last step, Step 4.

Copy the following GraphQL mutation declaration into the new tab pane and then click the execute arrow in the GraphQL Playground UI.

mutation{ ping(payload: This is a simple payload message."){ createdAt payload name id } }

Understanding This Step

TO BE PROVIDED