Variables

Clase 16 de 25 • Curso Práctico de GraphQL con JavaScript

Resumen

Podemos utilizar variables dentro de las peticiones que hagamos a GraphQL simplemente definiéndolas con la siguiente sintaxis:

$nombre: tipo

Iraida Mercedes Barreto Díaz

student•

¡Funcionan las variables en la consulta! :) !variables

Steve Anthony Luzquiños Agama

student•

Se cayó la imagen :(

Jorge Méndez Ortega

student•

en mi caso tuve un problema como esta

"message": "Variable "$id" of type "ID" used in position expecting type "ID!".",

y el problema radicaba en que al momento de pasar los parámetros y no indicar que mi variable pueda ser opcional tengo que marcarla como requerida, espero les sirva a alguien

Cesar David Ramírez Dimaté

student•

Es más, incluso puedo manejar las variables con fragmentos al mismo tiempo:

Query

query infoCourse($course: ID!) {
  course(id: $course) {
    ...courseFields
  }
}

fragment courseFields on Course {
  _id
  title
  description
  people {
    _id
    name
  }
}

Query Variables

{
  "course" : "60983d5455d9b427067200bb"
}

Response

{
  "data": {
    "course": {
      "_id": "60983d5455d9b427067200bb",
      "title": "Mi titulo 4",
      "description": "una descripcion",
      "people": [
        {
          "_id": "60983f4961f3eb28d34942df",
          "name": "Andrea"
        }
      ]
    }
  }
}

Platzi Team

student•

Esas consultas de Alias, Fragments y Variables, no se implementarían en el código de la API, ya que el mismo Graphql lo permite?.

Osea que eso ya serían funciones que se pueden utilizar desde frontend o desde otra aplicación para reutilizar los querys y las mutaciones. ?

William Fernando Pozo Almeida

student•

Lo vi en el curso de React Avanzado , y es parte de Graph QL y es flexible en el código deberias pasar desde el client

Yerlinson Maturana Serna

student•

No creo, esta es más bien la forma de consumir el API de diferentes formas, porque en el controlador no hay forma de expresar esa sintaxis, me corrigen si estoy equivocado.

Reinaldo Mendoza

student•

Me recordo a PHP esos $$$

jorge llanque

student•

Muy interesante la clase, también si quieren profundizar un poco con la documentación aquí pueden leer sobre las variables en GraphQL

Andrés David Solarte Vidal

student•

Ya venia trabajando asi el proyecto sin querer. Un poquito adelantado.

Reinaldo Mendoza

student•

Que bueno por ti

Cesar David Ramírez Dimaté

student•

Yo empecé a conocer GraphQL por mi trabajo. Muy interesante todo lo que permite. Me hubiera ahorrado muchos dolores de cabeza en mi trabajo anterior 😅

Miguel Angel Reyes Moreno

student•

Variables

Podemos usar variables que harán a nuestras consultas más realistas y escalables:

mutation AddPersonToCourse($course: ID!, $person: ID!){
  addPeople(courseID: $course, personID: $person){
    _id
    title
  }
}

Las variables las debemos pasar como un JSON:

{
  "course": "61664f8ded307fc554c71901",
  "person": "6168f16a995ad2d4ee462d88"
}

Otro ejemplo:

query GetCourse($course: ID!) {
  getCourse(id: $course) {
    _id
    title
    people {
      _id
      name
    }
  }
}

Y el valor de la variable:

{
  "course": "61664f8ded307fc554c71901"
}

Jorge Méndez Ortega

student•

Esto no funciona cuando pasamos las variables a la mutación usando un inpunt

Cesar David Ramírez Dimaté

student•

Un consejo. Antes de afirmar algo así, investiga mejor. Si se puede. Acá explican cómo. Te dejo un ejemplo de cómo funciona con lo visto en clase:

Mutation

mutation createCourse($input: CourseInput!) {
  createCourse(input: $input) {
    _id
    title
    description
  }
}

Query Variables

{
  "input": {
    "title": "Curso de ejemplo 5",
    "description": "Descripcion 5",
    "topic": "cultura"
  }
}

Response

{
  "data": {
    "createCourse": {
      "_id": "6150f5e2942ceb1b5ce811f9",
      "title": "Curso de ejemplo 5",
      "description": "Descripcion 5"
    }
  }
}

Cesar David Ramírez Dimaté

student•

Francisco Garcia [C6]

student•

Excelente

Nery Alberto Cano Ortigoza

student•

Muy interesante la clase, también si quieren profundizar un poco con la documentación aquí pueden leer sobre las variables en GraphQL

{
  "data": {
    "course": {
      "_id": "60983d5455d9b427067200bb",
      "title": "Mi titulo 4",
      "description": "una descripcion",
      "people": [
        {
          "_id": "60983f4961f3eb28d34942df",
          "name": "Andrea"
        }
      ]
    }
  }
}

Variables

Introducción

Introducción al curso y prerequisitos del curso

¿Qué es GraphQL?

Conceptos básicos

Schema y types

Queries y Resolvers

Sirviendo el API en la web

Custom Types

Argumentos

Configuración de base de datos

Integrando una base de datos

Mutations e Inputs

Repaso - Creando el tipo Estudiante

Nested Types

Resolver de tipos

Errores

Conceptos avanzados

Alias y fragments

Variables

Enums

Interfaces - Tipo Monitor

Directivas

Unions

Consumiendo el API

Preparando API para producción

HTTP requests

Clientes de GraphQL

Consumiendo el API desde un frontend simple

Cierre del curso