Um momento
Aula 03
Cursos / GraphQL com Express (Servidor Backend API JSON)
Gerando o Projeto (servidor Express) [GraphQL]

Summary

Resumo da Aula sobre GraphQL

Nesta aula, iniciamos o desenvolvimento com GraphQL. Aqui estão os passos principais abordados:

Pré-requisitos

  • Ambiente: Node.js (versão 10) e NPM (versão 6.4.1).
  • Servidor: Usaremos o Express para criar um servidor.

Criando o Projeto

  1. Gerar um Projeto NPM:

    • Usamos o comando npm init para criar um package.json.
    • Nome do projeto: companhia-graphql.
  2. Instalar Pacotes Necessários:

    • Express: Para criar o servidor.
    • Express-GraphQL: Middleware para integração com GraphQL.
    • GraphQL: Para definição de tipos e esquemas.

    Comandos para instalação:

    npm install express express-graphql graphql
    
  3. Estrutura do Projeto:

    • Criar o arquivo index.js onde o servidor será configurado.

Configurando o Servidor Express

  1. Código do Servidor:

    • Importação do Express:
      const express = require('express');
      
    • Criação do aplicativo Express:
      const app = express();
      
    • Definir a porta do servidor:
      const PORT = 3000;
      app.listen(PORT, () => console.log(`Servidor rodando na porta ${PORT}`));
      
  2. Execução do Servidor:

    • Para iniciar o servidor, usamos o comando:
    node index.js
    
    • Acesse http://localhost:3000 no navegador para verificar se o servidor está rodando.

Recapitulação

Na aula, você aprendeu a:

  • Criar um novo projeto NPM.
  • Instalar os pacotes necessários para Express e GraphQL.
  • Configurar um servidor Express básico com a porta 3000.

E assim concluímos a introdução ao desenvolvimento com GraphQL. Até a próxima aula!

Video Transcript

Estamos de volta, vamos começar e ir para o início do nosso desenvolvimento para aprender GraphQL. Então você vai precisar primeiro de Node, tá? Eu estou aqui no meu terminal. Eu estou usando Node versão 10, com NPM versão 6.4.1. Então vai precisar do Node porque a gente vai criar um servidor de Express, tá bom? Vamos descer o nosso backend para poder rodar o GraphQL como o middleware. Então vamos precisar dos seguintes pacores, tá? Vamos primeiro fazer um projeto aqui. Eu vou gerar um projeto de NPM, vou fazer MQ, DRI para criar um direitório. Vou chamar, sei lá, vamos ver. A gente vai falar muito de companhia, produto e modelo. Vamos chamar esse de companhia, traço GraphQL, tá? Eu vou dar o CD para entrar no direitório. Eu estou aqui no direitório companhia GraphQL, vou dar NPM e NET para iniciar um pacote package VJSUN. Eu vou dar o nome, mesmo nome. Descrição, descrição, entry point index, com modo de teste, nada. Gateway repository, nada, keywords nada, auto, botar meu nome. Licença, botar MIT. Agora a gente tem um package de JSUN aqui. Vou abrir esse cara no caten. Deixa eu abrir aqui, dá para ver. Tá aqui. Então o package de JSUN criou, criado aqui. Tem nada ainda, vamos adicionar um DPNS-PS Projeto. Vamos instalar o seguinte, vamos instalar, entrem e install. Primeiro, primeiro o Express, que a gente vai fazer o servidor de Express. Depois disso, vai instalar o Express GraphQL, que vai ser o Metalware, que a gente vai precisar para rodar o GraphQL no servidor de Express. E vai precisar do próprio GraphQL para fazer os tipos e esquemas. Expresso, back end, servidor de web, framework, que a gente vai usar para fazer o back end. Express GraphQL Metalware, a maneira que a gente vai usar o GraphQL, vai ser via um Metalware de Express. Metalware. E vai usar o GraphQL para poder fazer os esquemas, esquema, né? Então já instalei esses caras, dá uma olhada lá no package.json, tem nas dependências o Express, versão 4.16.4, tá certo? Pro Express GraphQL 0.7.1, pro GraphQL, versão 14.0.2. Com isso a gente vai criar primeiro aqui no projeto um arquivo chamado index.js, que vai ser o servidor. Primeiro a gente dá o require to Express, opa, yeah, faz a variável Express e dá um require do package Express, tá bom? Agora vamos fazer o seguinte, vamos criar uma variável chamada app, app, e vou chamar o Express para poder obter o app do Express. Chamo a função assim. Aí depois disso, eu faço app.less, tá? Aí você tem que dizer qual a porta, vamos dizer, vou botar 3 mil. 3 mil e ponho callback aqui para mandar um console log dizendo que o app está rodando, servidor. Servidor rodando na porta 3 mil. Você pode botar 3 mil numa variável, se quiser. Vou botar aqui port, 3 mil. Em vez de falar 3 mil aqui, põe port. Aí aqui eu posso usar o back tick para poder fazer a interpolação de stream, port. Vamos ver se funciona esse cara. Salvar, aí vamos aqui no terminal. I find node, index.js. Tá o servidor rodando na porta 3 mil. Vamos lá no navegador aqui. Vou abrir o novo tab, localhost, 3 mil. Tá funcionando porque falou que é not yet barra, tá? Tá funcionando direto. Se não estivesse rodando, se eu matar o servidor com o control c e atualizar, não vai dar em nada, tá? Então tá funcionando mesmo. Volta no editor de aqui, vou te mostrar aqui. Que a gente fez um servidor bem básico de express. Então vamos recapitular o que a gente fez. A gente, primeiro, criou um projeto de NPM, criamos o package.json com NPM init. Depois disso a gente instalou os pacotes necessários. Primeiro o express, a gente vai precisar fazer um servidor de express. Depois o express traça o GraphQL, que é o middleware de express, para poder rodar o GraphQL. E o GraphQL, próprio GraphQL, que vai nos permitir usar os tipos e esquemas, essas coisas. Aí vamos, criamos o arquivo index.js, que vai ser o app. Criamos o app de express, porta 3 mil, falamos app.lesson e o servidor agora roda nessa porta para rodar essa dznode index.js. E você pode matar o servidor contra o ser. Tá? Então 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: