Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/xpepermint/graphql-example

Intuitive GraphQL Resolver Example - Application example using RawModel.js as GraphQL rootValue on steroids.
https://github.com/xpepermint/graphql-example

example graphql graphql-application graphql-query graphql-rootvalue graphql-server model rawmodel resolver

Last synced: about 2 months ago
JSON representation

Intuitive GraphQL Resolver Example - Application example using RawModel.js as GraphQL rootValue on steroids.

Host: GitHub
URL: https://github.com/xpepermint/graphql-example
Owner: xpepermint
Created: 2016-11-19T01:21:56.000Z (almost 8 years ago)
Default Branch: master
Last Pushed: 2023-02-10T02:47:01.000Z (over 1 year ago)
Last Synced: 2024-06-24T07:33:31.909Z (3 months ago)
Topics: example, graphql, graphql-application, graphql-query, graphql-rootvalue, graphql-server, model, rawmodel, resolver
Language: JavaScript
Homepage: https://github.com/xpepermint/rawmodeljs
Size: 136 KB
Stars: 25
Watchers: 3
Forks: 14
Open Issues: 3
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

awesome-graphql - Intuitive GraphQL Resolver Example - GraphQL application example using [contextable.js](https://github.com/rawmodel/framework). (Examples / JavaScript Examples)

README

# graphql-example

> Intuitive GraphQL Resolver Example - Application example using RawModel.js as GraphQL rootValue on steroids.

`GraphQL` is a modern replacement for the well known REST API server. This is a pure GraphQL server application - an example API server.

## Features

> This example uses Node.js v7 and MongoDB.

* GraphQL rootValue using [RawModel.js](https://github.com/xpepermint/rawmodeljs).
* Nested schema.
* Print GraphQL schema from command-line.
* Execute GraphQL schema from command-line.
* Input data validation.
* Context-aware models.
* Graphql HTTP server.
* MongoDB connector (an example how to use a database connector).

## Pre-requisites

- Make sure you are using Node.js v7+.
- Install and start MongoDB server.

## Build Setup

```
# install dependencies
npm install

# start the server (GraphiQL is started at http://127.0.0.1:3000)
npm start

# use nodemon in development to automatically reload the server on changes
npm install -g nodemon
nodemon --exec npm start

# run GraphQL query from command-line
npm run exec '{getUsers {id name}}'

# run tests
npm test
```

## Run

`npm start`

Starts [GraphiQL server](https://medium.com/the-graphqlhub/graphiql-graphql-s-killer-app-9896242b2125#.xt4jo8bet) at `http://127.0.0.1:3000/`

## Query Examples

```js
mutation { # create new user
createUser(name: "") {
id
name
errors {
path
errors {
validator
message
code
}
}
}
}
```

```js
query { # get users
getUsers(skip: 0, limit: 5) {
id
name
}
}
```

## Architecture

The application exports two main classes - `Graph` (GraphQL application - `src/http`) and `HTTP` (HTTP server - `src/graph`). Each class represents a stand-alone application. You could create two separated npm packages from this to further split your code to responsibilities.

The scripts in the `./src/scripts` folder use these classes to print GraphQL schema, execute GraphQL query and start the HTTP server from the command-line. These scripts are used by the `package.json` file thus you can use the `npm run {script-name}` commands.

Graph application describes your data model and provides a communication layer. HTTP application exposes GraphQL application over HTTP thus users can use the GraphQL application as your API endpoint.

The HTTP server is based on [express-graphql](https://github.com/graphql/express-graphql) which is a bridge to communicate with a GraphQL application via [Express](http://expressjs.com/) HTTP server. You could substitute this with [koa-graphql](https://github.com/chentsulin/koa-graphql) or [koa-graphql-next](https://github.com/bidanjun/koa-graphql-next). The `express-graphql` middleware includes a [GraphiQL](https://github.com/graphql/graphiql) user interface which is a generic interface for running GraphQL queries and mutations (for use in development).

Graph application exposes the API over the GraphQL schema defined in `./src/graph/schema/index.graphql`. It uses the [RawModel.js](https://github.com/xpepermint/rawmodeljs#context--graphql) for describing and validating input data. To keep the example simple, we only have two models here where the `Root` model represents a GraphQL resolver - the [rootValue](http://graphql.org/code/) for GraphQL.

## GraphQL Clients

Your front-end application will need a `GraphQL client` to communicate with a GraphQL server. You can also use a raw browser's `fetch` to post data to the GraphQL server.

Popular GraphQL clients (you can add your own):

* [FetchQL](https://github.com/gucheen/FetchQL)
* [lokka](https://github.com/kadirahq/lokka)
* [apollo-client](https://github.com/apollostack/apollo-client)

## Tutorials

Node.js tutorials: [Node.js Cheatsheet](https://xpepermint.gitbooks.io/nodejs-cheatsheet/)