Phoenix GraphQL Tutorial with Absinthe

Would you mind explaining how could we query to this application like you do in your tutorial?

I thought the only difference would be author/user and that Ryan uses a database instead of hard-coded data, however the query:

export default graphql(gql`
  query posts {
    id
    title
    user {
      id
      name
    }
  }
`)(PostList);

This query doesn’t work either:

export default graphql(gql`
  query allPosts {
    posts {
      id
      title
      user {
        id
        name
      }
    }
  }
`)(PostList);

Both return the error “posts is undefined”.

Edit: the old trick of posting it to figure it out one minute later, Ryan uses “/api” to forward requests, you use “/graphql”, is it possible to change it?

In my post you can change your endpoint by setting up a networkInterface when you initiate your ApolloClient. Check out the Apollo docs for an example.

I think the “posts is undefined” error you’re seeing might be caused by not running Ryan’s migrations and seed script? Be sure to do mix ecto.migrate and then mix run priv/repo/seeds.exs before starting up your server.

I forked Ryan’s project and added the simple Apollo-based front-end from my post. You can also just look at the diff from the last commit to see all of the changes I made. Hopefully that makes things a little clearer.

Seems like by default, the apollo client makes the requests to “/graphql”, Ryan instead, set it to “/api”. that was all

Hey Ryan, great article!

I’m trying to hack together an Absinthe app (without Phoenix) and I was wondering how you would split the Schema (into multiple files) before it becomes to big.

I’m using an Electron based client, graphiql-app, because it allow me to set custom headers (e.g. for authentication)

Thanks! Good question… I was just thinking about this myself. I haven’t yet tried this out but I think it would work. You could do something like this:

# Another File
defmodule MyApp.Schema.Query.User do
  object :user_queries do 
    field :users, list_of(:user) do
      resolve &MyApp.UserResolver.all/2
    end

    field :user, type: :user do
      arg :id, non_null(:id)
      resolve &MyApp.UserResolver.find/2
    end
  end
end

# Schema file
defmodule MyApp.Schema do
  import_types MyApp.Schema.Query.User
  query do
    import_fields :user_queries
  end
end

Thanks! Will test this out

great stuff man loved it. just a noob question . can we use phoenix template with graphql?

Hey there, this is a great question. Most of the stuff you see with GraphQL is using it to power an API. However we have an experimental project we hope to release very very soon that lets you use graphql to power totally ordinary Phoenix views.

can’t wait to see it man. and i wish i can contribute as well

For those interested on using Absinthe with Apollo client via Phoenix channels, I just released a custom Apollo networkInterface just for that: apollo-phoenix-websocket