Table of Contents

• What is Flogo ?
• What is GraphQL ?
• Creating the Application
• Testing the Application with Various Queries

What is Flogo ?

Project Flogo is a resource efficient, Go-based open source ecosystem for building event-driven integration apps. Flogo flows can be visually configured to implement integration applications very quickly, hence reducing time to market. For more information on Flogo and getting started with it's development have a look at this article:

TIBCO Cloud Integration Getting Started with Develop

What is GraphQL ?

GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data. GraphQL provides a complete and understandable description of the data in your API, gives clients the power to ask for exactly what they need and nothing more, makes it easier to evolve APIs over time, and enables powerful developer tools. For more information see:

GraphQL.Org

Creating the Application

Now we know what Flogo and GraphQL is, let's get started. First we will create a new Empty Flogo Application:

You can provide a name for your application in the left top. In the next step we will create new Flogo flows based on the GraphQL Schema:

You can Drag and Drop the schema onto the canvas to get started. I used this example schema:

https://github.com/project-flogo/graphql/blob/master/samples/Example2.gql

Now all the flows will automatically be generated:

Now we need to create the implementation of these processes, in this application we make use of shared data to store the added post to the Application Scope. Therefore it is important to select application scope on the shared data activity:

Now we can deploy the application and test it with queries. You can download the Flogo Json Attached to this Article

Testing the Application with Various Queries

https://www.graphqlbin.com/v2/new

When the app is deployed we need to get the endpoint URL, which we can copy in the UI:

Now in PostMan we create a new Request and it is important to add the endpoint of the trigger to the copied endpoint. We can get the trigger endpoint at the trigger configuration:

So the endpoint we use in PostMan is for example:

https://eu-west-1.integration.cloud.tibcoapps.com/xyz/graphql

Now we can use the following Mutation to add a post:

  mutation {      CreatePost (postObj: {          title: "My First Post"          body: "This is my first post"          userId: 123      })  {postId} } 

The result will look like this:

  {     GetPosts(userId: 123) {         title,         body,         postId,     } }

The result will look somewhat like this:

Congratulations you have now created a Flogo App that does GraphQL Queries and Mutations !

Hugo Peters - Product Management

FlogGraphQLDemo1.json