Getting Started

To use GraphQL::Pro::OperationStore with your app, follow these steps:

• Check the dependencies to make sure OperationStore is supported
• Prepare the database for OperationStore’s data
• Add OperationStore to your GraphQL schema
• Add routes for the Dashboard and sync API
• Update your controller to support persisted queries
• Add a client to start syncing queries

Dependencies

OperationStore requires two gems in your application environment:

• ActiveRecord or Redis for persistence. (Using another ORM or backend? Please open an issue to request support!)
• Rack: to serve the Dashboard and Sync API. (In Rails, this is provided by config/routes.rb.)

These are bundled with Rails by default.

Prepare the Database

If you’re going to store data with ActiveRecord, migrate the database to prepare tables for it.

Add OperationStore

To hook up the storage to your schema, add the plugin:

class MySchema < GraphQL::Schema
  # ...
  use GraphQL::Pro::OperationStore
end

By default, it uses ActiveRecord. It also accepts:

• redis:, for using a Redis backend; OR
• backend_class:, for implementing custom persistence.

Add Routes

To use OperationStore, add two routes to your app:

# config/routes.rb

# Include GraphQL::Pro's routing extensions:
using GraphQL::Pro::Routes

Rails.application.routes.draw do
  # ...
  # Add the Dashboard
  # TODO: authorize, see the dashboard guide
  mount MySchema.dashboard, at: "/graphql/dashboard"
  # Add the Sync API (authorization built-in)
  mount MySchema.operation_store_sync, at: "/graphql/sync"
end

MySchema.operation_store_sync receives pushes from clients. See Client Workflow for more info on how this endpoint is used.

MySchema.dashboard includes a web view to the OperationStore, visible at /graphql/dashboard. See the Dashboard guide for more details, including authorization.

The are both Rack apps, so you can mount them in Sinatra or any other Rack app.

Update the Controller

Add operation_id: to your GraphQL context:

# app/controllers/graphql_controller.rb
context = {
  # Relay / Apollo 1.x:
  operation_id: params[:operationId]
  # Or, Apollo Link:
  # operation_id: params[:extensions][:operationId]
}

MySchema.execute(
  # ...
  context: context,
)

OperationStore will use operation_id to fetch the operation from the database.

See Server Management for details about rejecting GraphQL from params[:query].

Next Steps

Sync your operations with the Client Workflow.