ash_graphql/documentation/tutorials/getting-started-with-graphql.md

173 lines
4.3 KiB
Markdown
Raw Normal View History

# Getting Started With GraphQL
2020-08-14 10:55:34 +12:00
## Get familiar with Ash resources
If you haven't already, read the [Ash Getting Started Guide](https://hexdocs.pm/ash/get-started.html). This assumes that you already have resources set up, and only gives you the steps to _add_ AshGraphql to your resources/apis.
2020-08-14 10:55:34 +12:00
## Bring in the ash_graphql dependency
```elixir
def deps()
[
...
2024-03-12 05:23:16 +13:00
{:ash_graphql, "~> 0.27.1"}
]
end
```
## Add some backwards compatibility configuration
in `config/config.exs`
```elixir
config :ash_graphql, :default_managed_relationship_type_name_template, :action_name
config :ash_graphql, :allow_non_null_mutation_arguments?, true
```
This won't be necessary after the next major release, where this new configuration will be the default.
2020-08-14 10:55:34 +12:00
## Add the API Extension
Add the following to your API module. If you don't have one, be sure to start with the [Ash Getting Started Guide](https://hexdocs.pm/ash/get-started.html).
2020-08-14 10:55:34 +12:00
```elixir
defmodule Helpdesk.Support do
2020-08-14 10:55:34 +12:00
use Ash.Api, extensions: [
AshGraphql.Api
]
2020-09-24 12:54:57 +12:00
2020-08-14 10:55:34 +12:00
graphql do
authorize? false # Defaults to `true`, use this to disable authorization for the entire API (you probably only want this while prototyping)
end
...
2020-08-14 10:55:34 +12:00
end
```
## Add graphql to your resources
Some example queries/mutations are shown below. If no queries/mutations are added, nothing will show up in the GraphQL API, so be sure to set one up if you want to try it out.
2020-08-14 10:55:34 +12:00
```elixir
defmodule Helpdesk.Support.Ticket. do
2020-08-14 10:55:34 +12:00
use Ash.Resource,
...,
2020-08-14 10:55:34 +12:00
extensions: [
AshGraphql.Resource
]
2020-09-24 12:54:57 +12:00
2020-08-14 10:55:34 +12:00
graphql do
type :ticket
2020-09-24 12:54:57 +12:00
2020-08-14 10:55:34 +12:00
queries do
# Examples
# create a field called `get_ticket` that uses the `read` read action to fetch a single ticke
get :get_ticket, :read
# create a field called `most_important_ticket` that uses the `most_important` read action to fetch a single record
read_one :most_important_ticket, :most_important
# create a field called `list_tickets` that uses the `read` read action to fetch a list of tickets
list :list_tickets, :read
2020-08-14 10:55:34 +12:00
end
2020-09-24 12:54:57 +12:00
2020-08-14 10:55:34 +12:00
mutations do
# Examples
create :create_ticket, :create
update :update_ticket, :update
destroy :destroy_ticket, :destroy
2020-08-14 10:55:34 +12:00
end
end
...
2020-08-14 10:55:34 +12:00
end
```
## Add AshGraphql to your schema
2022-09-07 10:24:02 +12:00
If you don't have an absinthe schema, you can create one just for ash.
in `lib/helpdesk/schema.ex`
2020-08-14 10:55:34 +12:00
```elixir
defmodule Helpdesk.Schema do
2020-08-14 10:55:34 +12:00
use Absinthe.Schema
@apis [Helpdesk.Support]
2020-09-24 12:54:57 +12:00
use AshGraphql, apis: @apis
2020-08-14 10:55:34 +12:00
# The query and mutation blocks is where you can add custom absinthe code
query do
end
mutation do
end
2020-08-14 10:55:34 +12:00
end
```
## Connect your schema
### Using Plug
If you are unfamiliar with how plug works, this [guide](https://elixirschool.com/en/lessons/specifics/plug/#dependencies) will be helpful for understanding it. It also guides you through
adding plug to your application.
Then you can use a `Plug.Router` and [forward](https://hexdocs.pm/plug/Plug.Router.html#forward/2) to your plugs similar to how it is done for phoenix:
```elixir
plug AshGraphql.Plug
forward "/gql",
to: Absinthe.Plug,
init_opts: [schema: Helpdesk.Schema]
forward "/playground",
to: Absinthe.Plug.GraphiQL,
init_opts: [
schema: Helpdesk.Schema,
interface: :playground
]
```
### Using Phoenix
2022-09-07 10:24:02 +12:00
You will simply want to add some code to your router, like so.
You will also likely want to set up the "playground" for trying things out.
2020-08-14 10:55:34 +12:00
```elixir
pipeline :graphql do
plug AshGraphql.Plug
end
scope "/" do
pipe_through [:graphql]
forward "/gql", Absinthe.Plug, schema: Helpdesk.Schema
forward "/playground",
Absinthe.Plug.GraphiQL,
schema: Helpdesk.Schema,
interface: :playground
end
2020-08-14 10:55:34 +12:00
```
If you started with `mix new ...` instead of `mix phx.new ...` and you want to
still use phoenix, the fastest path that way is typically to just create a new
phoenix application and copy your resources/config over.
2023-02-21 05:52:47 +13:00
## What's next?
Topics:
- [GraphQL Generation](/documentation/topics/graphql-generation.md)
How Tos:
- [Authorize With GraphQL](/documentation/how_to/authorize-with-graphql.md)
- [Handle Errors](/documentation/how_to/handle-errors.md)
- [Use Enums with GraphQL](/documentation/how_to/use-enums-with-graphql.md)
- [Use JSON with GraphQL](/documentation/how_to/use-json-with-graphql.md)
[Monitoring](/documentation/monitoring.md)