Aula 05
Fazendo a Root Query e Abrindo o GraphiQL (Primeiros Passos no GraphQL)
Summary
Resumo do Transcript sobre GraphQL
Neste transcript, o autor está explicando como criar um schema básico utilizando GraphQL. Aqui estão os principais pontos abordados:
-
Introdução ao Schema:
- O autor menciona que irá criar a raiz do schema de GraphQL no arquivo
schema.js
.
- O autor menciona que irá criar a raiz do schema de GraphQL no arquivo
-
Definição do Schema:
- O schema é exportado usando
module.exports
e é criado utilizandonew GraphQLSchema
. - Ao criar a
Query
, o autor define umGraphQLObjectType
com o nomeRootQueryType
, que terá um campo chamadocompany
.
- O schema é exportado usando
-
Definição da Query:
- O campo
company
é definido como do tipoGraphQLString
e um resolver é fornecido para retornar o nome da empresa.
- O campo
-
Importação de Dependências:
- O autor destaca a importância de importar os tipos necessários do GraphQL, como
GraphQLSchema
,GraphQLObjectType
, eGraphQLString
.
- O autor destaca a importância de importar os tipos necessários do GraphQL, como
-
Execução do Servidor:
- O autor lembra que é necessário reiniciar o servidor após alterações no código e sugere o uso do
NodeMod
para facilitar esse processo.
- O autor lembra que é necessário reiniciar o servidor após alterações no código e sugere o uso do
-
Instalação do NodeMod:
- O
NodeMod
é instalado para reinicializar automaticamente o servidor ao fazer mudanças no código. - Novos scripts são adicionados ao
package.json
para usarnpm start
enpm run dev
.
- O
-
Teste da Query no Navegador:
- O autor indica que, após configurar tudo, é possível testar a query no navegador acessando
localhost:3000/graphql
. - Ele executa a query para obter o nome da companhia e verifica os resultados.
- O autor indica que, após configurar tudo, é possível testar a query no navegador acessando
-
Próximos Passos:
- O autor conclui o tutorial mencionando que explorará mais na próxima aula.
Esse resumo fornece uma visão geral clara e concisa das etapas e considerações no processo de criação de um schema simples com GraphQL.
Video Transcript
estamos em volta então vamos fazer nossa schema primeiro schema root a raiz do
schema de GraphQL aqui vamos lá no atom no editor de texto já temos o middle air
funcionando agora é hora de definir esse esquema aqui
esquema aqui vamos lá no arquivo schema.js e a fazer o seguinte
vamos fazer module.exports vai ser o novo esquema aqui como é que a gente faz o
esquema de GraphQL fala new graphql schema a gente vai importar já já
aí abre chama esse cara com objeto aí para o primeiro esquema você vai chamar
query e vai dizer new graphql object novo objeto GraphQL vai passar um objeto
e esse objeto aqui vai ter o name que é o nome vamos chamar de root query type que
vai ser a raiz a primeira né vamos falar fields essa fields vamos botar companhia
aí Comparei a companhia vamos falar tipo vamos começar bem simples tipo string
graphql string só para o nome da companhia que quando você dá o resolve resolve a gente
vai falar das coisas já já para aí resolve vai retornar o nome da companhia
exemplo tá vamos salvar esse cara ver se dá problema ou não a gente tem que
pegar esses caras vamos importar lá em cima requerir requerir vamos lá falar conste
abre as chaves para poder dar um destrutoramento vamos primeiro GraphQL
schema GraphQL object e o GraphQL string tá
e igual require GraphQL tá bom pega esses caras lá requerir do GraphQL
salvar vamos ver no que dá no servidor
então vamos ver aqui você vai lá no navegador lembra que servidor está rodando no porta
3 mil e o GraphQL no barra GraphQL vai lá no navegador abre nova tela aí localhost
3 mil barra GraphQL opa esqueci do que que ela
que aconteceu tem que matar o servidor rodar novamente opa é não se esqueça de matar o
servidor rodar novamente quando você mudar o código então tem o problema que GraphQL
construct ou o que aconteceu ver aqui GraphQL object ah desculpa vamos ver aqui
que eu fiz
e
e
dippedkk tm
em לא
väl
...is not a constructor...
Vamos lá olhar na...
...documentação do GraphQL.
Se você esquecer...
...com uma referência vai lá no GraphQL, NPM.
Olha aqui na documentação...
Ah, esqueci...
...de dizer object type, desculpa.
Tá dizendo aqui na documentação, já dá pra ver.
Eu esqueci do type.
Então vamos lá...
...de volta lá pra editor de texto,
tem que dizer object type.
Ah, tá, não esqueci do type aqui.
Vamos lá...
Quando salvo, tem que matar o servidor e rodar novamente.
Então...
...para você não ter que fazer isso,
é instalar o NodeMod.
Então vamos lá fazer isso.
Dá NPM install,
traço, traço, save dev,
para salvar só com dependência de desenvolvimento.
O NodeMod.
NodeMod vai reiniciar o servidor toda vez que você mudar o código.
Aí instala esse cara aqui.
Vai no...
...seu editor de texto.
Pronto, instalou.
Vai lá no package.json, confirma que está o NodeMod na dependência.
Aí adiciona o script aqui.
Adiciona o start.
E fala NodeMod.
É, nem pensei ser start,
para ser start, dev, alguma coisa assim.
Run dev, vamos falar dev.
Quer desenvolvimento.
O start seria mesmo o para Node index, né?
Start seria Node index.js.
O dev vai ser NodeMod index.js.
Vai desenvolver.
Não se esqueça.
Então temos dois novos comandos.
Primeiro é NPM start e o NPM run dev.
Você pode dizer NPM start,
que é um caso especial.
Ele vai dar o Node index.js, rodar o servidor.
Ou pode dizer NPM run dev.
Tem que falar run, porque o caso especial só é para start e para test.
Entrando no run dev, vai rodar o NodeMod, que está rodando aqui.
Se você fazer a mudança, olha aqui.
No arquivo do seu esquema, por exemplo,
eu vou mudar aqui para...
fiz um erro aqui.
Salvar.
Note que já reinicia.
Salvar novamente.
Está rodando de novo.
Então esse é o NodeMod.
Então com isso, a gente volta aqui no navegador.
Fechar essa tela.
De volta.
N.C.S. GraphQ.
Aí, parece o GraphQ.
GraphQ, sei lá.
Como é que eles se chamam?
Como é que vocês se chamam em português?
GraphQL.
Está certo?
Então a gente vai fazer as queries aqui.
Então vamos rodar primeiro a query.
Vamos falar aí.
Vamos falar aí a companhia.
Vê no que dá.
Tá?
Então a gente só fala companhia.
Eu quero a companhia. Me dá a companhia.
Ele já fala data sempre, com o objeto, companhia, que tem o nome da companhia.
Então vamos dar uma olhada nesse negócio.
Tá?
Vamos dar uma olhada aqui.
Já, já na próxima aula, certo?
Até mais.
Nenhum comentário ainda (loading...)
Nenhum comentário ainda (loading...)
Gostou da aula? 😆👍
Apoie nosso trabalho com uma doação: