GraphQL.Http

Making HTTP requests

get :

{ url : String

, query : String

, variables : List ( String, Value )

, decoder : Decoder data

, onResponse : Result Error data -> msg

}

-> Cmd msg

Send an HTTP GET request to your GraphQL API

GraphQL.Http.get
    { url = "/api/graphql"
    , query = """
        query FindPerson(name: $name) {
            person(name: $name) {
                id
                name
            }
        }
    """
    , variables =
        [ ( "name", GraphQL.Encode.string "Doug" )
        ]
    , onResponse = ApiResponded
    , decoder = decoder
    }

post :

{ url : String

, query : String

, variables : List ( String, Value )

, decoder : Decoder data

, onResponse : Result Error data -> msg

}

-> Cmd msg

Send an HTTP POST request to your GraphQL API

GraphQL.Http.post
    { url = "/api/graphql"
    , query = """
        query FindPerson(name: $name) {
            person(name: $name) {
                id
                name
            }
        }
    """
    , variables =
        [ ( "name", GraphQL.Encode.string "Doug" )
        ]
    , onResponse = ApiResponded
    , decoder = decoder
    }

Advanced usage with `elm/http`

The two functions below are helpful for more advanced applications using functions like Http.request.

Use these if you need to send HTTP headers, define request timeouts, etc.

import GraphQL.Http
import Http


fetchCurrentUser : Cmd Msg
fetchCurrentUser =
    Http.request
        { method = "POST"
        , url = "/api/graphql"
        , headers = []
        , body =
            GraphQL.Http.body
                { operationName = Just "FetchCurrentUser"
                , query = """
                    query FetchCurrentUser {
                        me {
                            id
                            name
                        }
                    }
                """
                , variables = []
                }
        , expect =
            GraphQL.Http.expect
                FetchCurrentUserApiResponded
                decoder
        , tracker = Nothing
        , timeout = Nothing
        }

body :

{ operationName : Maybe String

, query : String

, variables : List ( String, Value )

}

-> Body

Create the JSON body for your GraphQL request.

GraphQL.Http.body
    { operationName = Just "FetchCurrentUser"
    , query = """
        query FetchCurrentUser {
            me {
                id
                name
            }
        }
    """
    , variables = []
    }

expect : (Result Error data -> msg) -> Decoder data -> Expect msg

Expect a JSON response from a GraphQL API.

fetchData : Cmd Msg
fetchData =
    Http.request
        { -- ... other fields
        , expect =
            GraphQL.Http.expect
                ApiResponded
                decoder
        }

ryannhg/graphql/1.1.0

GraphQL.Http

Making HTTP requests

Advanced usage with `elm/http`

Modules

ryannhg/graphql/1.1.0

GraphQL.Http

Making HTTP requests

Advanced usage with elm/http

Modules

Advanced usage with `elm/http`