Um momento
Aula 08
Cursos / GraphQL com Express (Servidor Backend API JSON)
Verificando o Pedido do GraphiQL ao Servidor (POST /graphql)

Summary

Resumo da Aula sobre GraphQL

Nesta aula, o instrutor aborda o funcionamento de requisições GraphQL ao servidor, usando o Chrome DevTools para demonstrar o processo.

Principais Pontos:

  • Análise de Requisição: O instrutor analisa a aba de "Network" no DevTools para visualizar a requisição feita ao clicar no botão de Play, que envolve uma query para uma companhia.

  • Estrutura da Query: O GraphQL retorna uma boa estrutura de dados, incluindo ID e nome da companhia. O pedido é feito via método POST para o endpoint /graphql.

  • Endpoint Único: É enfatizado que no GraphQL todas as operações acontecem através de um único endpoint. Neste exemplo, o Express GraphQL é utilizado como middleware.

  • Formato do Pedido: O pedido contém um objeto JSON com as propriedades query e variables. Embora as variáveis ainda não sejam usadas, a propriedade query é, de fato, uma string que define a consulta.

  • Estrutura da Query: A estrutura da query é explicada, com referências a chaves e que a palavra-chave implícita "query" deve ser considerada para definir consultas no esquema.

  • Mutations: O instrutor menciona que futuramente haverá uma diferença entre queries e mutations, que são usadas para modificar dados.

Conclusão

A aula conclui enfatizando que o pedido GraphQL é um POST para /graphql e que o formato do pedido consiste em um objeto JSON com a propriedade query. A introdução a mutations será abordada em aulas futuras.

Video Transcript

Vamos lá pessoal, estamos de volta. Nesta aula vamos falar aqui, vamos ver o que está acontecendo quando o GraphQL faz um pedido ao nosso servidor. Vou analisar isso, estou aqui no Chrome, vou abrir a DevTools e na aba de Network, que é rede, eu vou verificar aqui o pedido que vai ser feito quando a gente clicar no botão de Play. Então temos aqui uma query, query para uma companhia, ok? Olha aqui que o GraphQL já diz, good query type, companhia, companhia, você pode até analisar a estrutura de dados da companhia, que tem o ID, o nome e o formato, né? Tem o int e o tipo. Bem legal, mas vamos lá, vamos clicar Play, aí vamos ver aqui a resposta. Olha lá aqui, a resposta é essa, que a gente tem um objeto e dentro de data tem a companhia com o ID e nome. Mas qual é o pedido? Essa é a resposta, mas eu quero saber o que é que o pedido foi esse que o GraphQL fez. Então ele fez um post, olha o verbo aqui, para o barra GraphQL, que é o nosso endpoint. Lembre-se de que no GraphQL tudo é feito por meio de um único endpoint. Nesse caso aqui, usando o GraphQL Express, que é o middle-air de express, ele vai bater lá no barra GraphQL, no nosso servidor Express, e vai rediracionar esse cara para o middle-air, express GraphQL, que vai fazer a operação desejada. Então ele faz um post, barra GraphQL e manda o quê? Olha aqui embaixo. Ele vai mandar esse pedido com o seguinte objeto, com a propriedade query e propriedade variables, que são as variáveis. A gente não tem variável ainda, mas só tem a query. Então olha query on string que define a query. Nesse caso, abre as chaves, esse set indica uma quebra de linha, companhia abre a chave, quebra de linha ID, quebra de linha nome, quebra de linha fecha a chave, quebra de linha fecha a chave, entendeu? Então você note que está dentro da palavra chave, propriedade query. A gente vai aprender depois, depois que existe outra maneira, não tem só query, tem também chamada mutation, a mutação para poder modificar dados. Então, nossa query. Então na verdade, quando a gente estava digitando GraphQL, tem uma palavra chave implista aqui, que é a query. Então quando você faz um query, na verdade, esse aqui é um query. Por isso que quando você vai lá definir o seu esquema na query raiz, você fala query aqui. Essa query significa esse cara aqui, se refere a esse cara aqui e dentro de query tem as fields, que é os campos, que é a companhia e está aqui. Por isso que é assim. Vou clicar funciona, tá? Por isso que está aqui também, olha. Query, esse é o empurjante. Então é só isso nessa aula, só queria que você entendesse que o pedido que o GraphQL faz é um post para o barra GraphQL e a gente viu aqui que ele manda um objeto, formato JSON, que é a propriedade query, com a query em uma stream e essas variables aqui que a gente ainda não usa. Entendemos que é implicitamente coisa que a gente fez claramente, na verdade, uma query. Então você põe a adicionar a palavra chave para ser explícito aqui query para diferenciar logo adiante que vai ter a chamada mutation. Tá? Por essa aula é só e até a próxima.
Nenhum comentário ainda (loading...)
Nenhum comentário ainda (loading...)
Gostou da aula? 😆👍
Apoie nosso trabalho com uma doação: