If you're having troubles with organizing API for the app, using the framework with the , know that you're not the only one - we've been there too. Node.js Sails.js GraphQL Since this is not an every-day combination of technologies, it was challenging to define the anatomy of such app and its tests, but we did it! Are you asking yourself questions like these: How will I organize all the and ? queries mutations Where will the be defined? schema What should I do with the authorization and other utilities? If the answer is yes, this article has answers to all of your questions! Let's Start! First, we'll generate our sails app (I assume you have installed and , if not here's a little help how to ): NodeJS Sails get started $ sails new graphql-app If generated successfully, you should get a small app with a structure like this: First, we will go through folder, what it and its subfolders contain: api/ Controllers As the name says, this folder will contain our controllers, or, may I say, since we are using GraphQL. a controller GraphQL needs controller to handle all the requests sent to the API. This sentence really needs a text-decoration:underline - only one The purpose of the controller is to redirect requests to the right or the field and return the resolved value back to the client. query mutation Graphql This folder won't be created by default, so we'll need to create it ourselves. Here, we will store all of our GraphQL related files: queries, mutations, types, schema, etc. We created a folder for each entity in our app's model and stored the queries and mutations for it, and also defined type and utils regarding the entity in that folder. So, the user model will have it's own folder with , , and (if necessary), profile model we'll have its own related files and so on... UserQueries.js UserMutations.js UserType UserUtils.js Here's a visual representation: The root folder will contain the file, in which we'll combine all the queries and mutations into one big . schema.js GraphQL schema We initially chose SailsJS due to how similar it was to Rails . Model Once again, this is a self-explanatory directory which will contain all of our app . models A model represents a collection of structured data, usually corresponding to a single table or collection in a database. We will hold basic models in the root of the folder, and all the models related to our basic models in a separate folder. model/ For example, basic information about a user will be held in model, but his details will be stored in model, which will be contained in subfolder : User.js Profile.js models/user/ Policies Policies in SailsJS are versatile tools for authorization and access control. The policy file is defined for a specific route and since we will have only one controller accessed through , we will have only one policy file. POST /graphql Through the policy, we will allow or deny clients' access to our GraphQL controller (our client is an universal app!). ReactJS Responses Sails comes with a handful of the most common response types by default and they can be found in directory. You are free to edit them, add new ones or remove them if you think they are unnecessary. api/responses Since all the traffic is going through one specific controller, we will keep only 2 of those responses and create a new one. We will keep and , since those are the only 2 responses our GraphQL controller can provide us, and we will create which we will send if the request hasn't passed our policy mentioned above. ok.js badRequest.js unauthorized.js Services Services are stateless libraries of functions ( ) you can use from anywhere in your Sails app. For example, you might have an which tidily wraps up one or more helper functions so you can use them in more than one place within your application. helpers EmailService.js Services and their helpers are the best and simplest way to build reusable code in a Sails app. The greatest thing about them is that they are globalized, which means you can use them without having to or them. require() import We use for reusable tools like S3Upload.js, Honeybadger.js, PusherService.js etc. api/services/ With the text above, we covered the structure for and it's subfolders. I won't go through , and since they are . api/ assets/ config/ tasks/ the best organized as they initially are Let's now take a look how the tests should look like. Test Sails does not automatically create folder for us, so we'll go ahead and create one ourselves. The test folder should mimic the structure of our api folder which will lead to better , easier debugging of the code and resolving issues (everything ). test/ DX a good programmer wants To create some quality tests, we will need an folder for holding the files we need in tests, we will need for a clean way to create our test data objects, where we will put the tests dedicated to testing queries and mutations and for unit testing. assets/ factories/ graphql/ models/ As said before, the anatomy of folder is identical to folder structure, except we have additional folders for factories and assets. test/ api/ This covers all the details regarding how we organize our code. We hope that this article will inspire you to write some great, well-structured Sails apps! Previously published at https://kolosek.com/sails-graphql-guide/

Keep

Read My Stories

Too Long; Didn't Read

In your car, at home, or at work — Bosch technology shapes many areas of life.

How To Connect SailsJS with GraphQL Guide

Too Long; Didn't Read

Company Mentioned

Nesha

About Author

TOPICS

THIS ARTICLE WAS FEATURED IN...

How To Connect SailsJS with GraphQL Guide

Too Long; Didn't Read

Company Mentioned

Nesha

About Author

TOPICS

THIS ARTICLE WAS FEATURED IN...

RELATED STORIES