Desafío: Terminar los Resolvers

Clase 29 de 45 • Curso de GraphQL 2016

Contenido del curso

Conceptos Generales de GraphQL

Construyendo Esquemas a través de Tipos

Las Herramientas de GraphQL

Proyecto

Conclusiones

43
¿Cuándo usar GraphQL?
03:43 min

Contenido Bonus

Tomar examen

Comentarios

Yesica Lizeth Cortés Pineda

teacher•

La query es>

{
cursos{
titulo
descripcion
id
comentarios{
nombre
cuerpo
}
profesor {
nombre
nacionalidad
}
}
}

Luis Jhohan Venegas Tobar

student•

Este es la respuesta al desafío

<code>
const resolvers = {
  Query: {
    cursos: () => {
      return [{
        id: 1,
        titulo: 'curso de GraphQl',
        description: 'Aprendiendo GraphQl'
      }, {
        id: 2,
        titulo: 'curso de PHP',
        description: 'Aprendiendo PHP'
      }]
    }
  },
  Curso: {
    profesor: () => {
      return {
        nombre: 'luis',
        nacionalidad: 'colombia'
      }
    },
    comentario: () => {
      return [{
        id:1,
        nombre: 'luisj135',
        cuerpo: 'testing GraphQl'
      },
      {
        id:2,
        nombre: 'Platzi',
        cuerpo: 'testing Platzi GraphQl'
      }]
    }
  }
}
</code>

Jerry Anselmi

student•

Resolvers

const resolvers = {
    Query: {
        courses: () => {
            return [
                {
                    id: 1,
                    title: "GraphQL Course",
                    description: "Learning GraphQl",
                    commentaries: [
                        {
                            name: "Commentary One",
                            body: "Lorem ipsum One"
                        },
                    ],
                    professor: {
                        name: "Pablo Pinto",
                        nacionality: "Argentino"
                    }
                },
                {
                    id: 2,
                    title: "PHP Course",
                    description: "Learning PHP",
                    commentaries: [
                        {
                            name: "Commentary Two",
                            body: "Lorem ipsum Two"
                        },
                    ],
                    professor: {
                        name: "Pedro Campos",
                        nacionality: "Argentino"
                    }
                }
            ]
        }
    },
};

Angel Javier Sanchez Tenjo

student•

La respuesta al desafio:

const resolvers = {
  Query: {
    cursos: () => {
      return [{
        id:1,
        titulo: 'Curso de Grapgql',
        descripcion: 'Aprendiendo Graphql'
      },{
        id:2,
        titulo: 'Curso de PHP',
        descripcion: 'Aprendiendo PHP'
      }]
    }
  },
  Curso: {
    profesor: () => {
      return {
        nombre: 'Pablo',
        nacionalidad: 'Angentina'
      }
    },
    comentarios: () => {
      return [{
        nombre: "Juan",
        cuerpo: "Buen Video!"
      }]
    }
  }
}```

Jorge Méndez Ortega

student•

El query a resolver es

{
    cursos {
        id
        titulo
        descripcion
        profesor{
            id
            nombre
            nacionalidad
            genero
            cursos{
                id
            }
        }
        raiting
        comentarios{
            id
            nombre
            cuerpo
        }
    }
}

Por lo que yo genere primero los sigientes JSON.

<h1>Json para cursos</h1>

[
    {
        "id" : 1,
        "titulo" : "Curso 1",
        "descripcion" : "Esto es el cuso 1",
        "raiting" : 0.5
    },
    {
        "id" : 2,
        "titulo" : "Curso 2",
        "descripcion" : "Esto es el cuso 2",
        "raiting" : 0.5
    },
    {
        "id" : 3,
        "titulo" : "Curso 3",
        "descripcion" : "Esto es el cuso 3",
        "raiting" : 0.5
    }
]

<h1>Json para profesores</h1>

{
    "id": "1",
    "nombre": "Jorge Mendez",
    "nacionalidad": "Mexicana"
}

<h1>Json para comentarios</h1>

[
    {
        "id": "1",
        "nombre": "Jorge Mendez Ortegs",
        "cuerpo": "Comentario loco"
    }
]

Al contar con los JSON mencionados los importe en mi archivo schema.js para despues generar los resolver de la manera siguiente .

const RESOLVERS = {
    Query: {
        cursos: () => MockCursos,
    },
    Curso: {
        profesor: () => MockProfesores,
        comentarios: () => MockComentarios,
    },
    Profesor: {
        cursos: () => MockComentarios,
        genero: () => "MASCULINO",
    },
};

const SCHEMA = makeExecutableSchema({
    typeDefs: TYPE_DEF,
    resolvers: RESOLVERS,
});

Al terminar de realizar mi configuracion inicial pude llenar todos los campos des las entidades.

André Cruz

student•

La solución al reto con los resolvers.

const resolvers = {
  Query: {
    cursos: () => {
      return [
        {
          id: 1,
          titulo: "Curso de GrapQL",
          descripcion: "Aprendiendo GraphQL"
        },
        {
          id: 2,
          titulo: "Curso de PHP",
          descripcion: "Aprendiendo PHP"
        }
      ];
    }
  },
  Curso: {
    profesor: () => {
      return [
        {
          nombre: "André",
          nacionalidad: "Peruana"
        }
      ];
    },
    comentarios: () => {
      return [
        {
          nombre: "Kelly",
          cuerpo: "Excelente!"
        }
      ];
    }
  }
};```

Luis fernando Valderrama Gastiaburu

student•

Sol al desafio:

const resolvers = {
    Query: {
        cursos: ()=&gt;{
            return [
                {
                    id: 1,
                    titulo: 'Curso de GraphQL',
                    descripcion: 'Aprende GraphQL',
                    profesor: {
                        nombre: 'Pablo',
                    }
                },
                {
                    id: 2,
                    titulo: 'Curso de PHP',
                    descripcion: 'Aprende PHP'
                },
            ]
        }
    },
    Curso: {
        profesor: ()=&gt;{
            return {
                id: 1,
                nombre: 'Pablo',
                nacionalidad: 'Peruano',
                genero: 'MASCULINO',
                cursos: []
            }
        },
        comentarios: ()=&gt;{
            return [
                {
                    id: 1,
                    nombre: 'Luis',
                    cuerpo: 'Buen curso'
                },
            ]
        }
    }
}

Julio J Yépez

student•

Resultado del desafío.
Sólo cambié el resolver de Curso.

  Curso: {
    profesor: () => {
      return {
        nombre: 'Paula',
        nacionalidad: 'Colombia'
      }
    },
    comentarios: () => {
      return [
        {
          nombre: 'Pedro',
          cuerpo: '¡Buen video!'
        }
      ]
    }
  }

Resultado:

  "data": {
    "cursos": [
      {
        "titulo": "GraphQL",
        "descripcion": "Aprendidndo GraphQL",
        "id": "1",
        "comentarios": [
          {
            "nombre": "Pedro",
            "cuerpo": "¡Buen video!"
          }
        ],
        "profesor": {
          "nombre": "Paula",
          "nacionalidad": "Colombia"
        }
      },
      {
        "titulo": "PHP",
        "descripcion": "Aprendidndo PHP",
        "id": "2",
        "comentarios": [
          {
            "nombre": "Pedro",
            "cuerpo": "¡Buen video!"
          }
        ],
        "profesor": {
          "nombre": "Paula",
          "nacionalidad": "Colombia"
        }
      }
    ]
  }
}

Julio Hurtado

student•

const resolvers = {
  Query: {
    cursos: () => {
      return [{
        id: 1,
        titulo: 'Curso de Graphql',
        descripcion: 'Aprendiendo Graphql'
      }, {
        id: 2,
        titulo: 'Curso de PHP',
        descripcion: 'Aprendiendo PHP'
      }]
    }
  },
  Curso: {
    profesor: () => {
      return{
        nombre: 'Julio',
        nacionalidad: 'Ecuatoriano'
      }
    },
    comentarios: () => {
      return [
        {
          nombre: 'Julio',
          cuerpo: 'Buen vídeo'
        },
        {
          nombre: 'Cesar',
          cuerpo: 'Excelente vídeo'
        }
      ]
    }
  }
}```

Nicolas Ticona Valdivia

student•

const resolvers = {
    Query: {
        cursos: () => {
            return [
                {
                    id: 1,
                    titulo: 'Curso de Graphql',
                    descripcion: 'Aprendiendo Graph',

                    rating: 10,
                },
                {
                    id: 2,
                    titulo: 'Curso de Javascript',
                    descripcion: 'Aprendiendo Javascript',

                    rating: 12,
                }
            ]
        }
    },  

    Curso: {
        profesor: ()=> {
            return {
                id: 1,
                nombre: 'Nicolas',
                nacionalidad: 'Perú'
            }    
        },
        comentarios: () => {
            return [{
                id: 1,
                nombre: 'A',
                cuerpo: 'tengo una duda al respecto'
            }, {
                id: 2,
                nombre: 'B',
                cuerpo: 'Que es un resolver?'
            }]
        }

    }
}

John Steven Neira

student•

Buenos dias, y si quiero encontrar un profesor por id? estoy un poco perdido aquí, gracias

Diego Forero

Team Platzi•

Revisa bien el video anterior, hay enseñan como filtrar por curso, la misma lógica aplica para filtrar por profesor.

Néstor Fabián Gonzalez

student•

Ya esta 😄

const resolvers = {
Query: {
cursos: () => {
return [{
id: 1,
titulo: ‘Curso de GraphQL’,
descripcion: ‘Aprendiendo GraphQL’
},{
id: 2,
titulo: ‘Curso de PHP’,
descripcion: ‘Aprendiendo PHP’
}]
}
},
Curso: {
profesor: () => {
return {
nombre: ‘Mauricio Flor’,
nacionalidad: “Colombia”
}
},
comentarios: () => {
return [{
nombre: ‘Juan’,
cuerpo: ‘Buen Video!’
}, {
nombre: ‘Wilson’,
cuerpo: ‘Buen Video!’
}]
}
}
};

Alvaro Gonzalez

student•

Esta es la forma correcta de implementar el findByName …
Usando Objection como ORM.

Es que no encontre documentacion del like!!!

Query: {
personaLikeNane: (_,args) => {
            return Persona.query().where('nombre', 'like' ,args.name + '%')
        }
}

Mariana De Jesus Paz Barrera

student•

const resolvers = { Query: { cursos: () => { return [ { id: 1, titulo: 'Curso de Graphql 2016', descripcion: 'Aprendiendo Graph 2016 ',

                rating: 8,
            },
            {
                id: 2,
                titulo: 'Curso de Java SE',
                descripcion: 'Aprendiendo Java SE',

                rating: 10,
            }
        ]
    }
},  

Curso: {
    profesor: ()=> {
        return {
            id: 1,
            nombre: 'Mariana',
            nacionalidad: 'Ecuador'
        }    
    },
    comentarios: () => {
        return [{
            id: 1,
            nombre: 'Primero',
            cuerpo: 'Un buen curso'
        }, {
            id: 2,
            nombre: 'Segundo',
            cuerpo: 'Un ejercicio bueno'
        }]
    }

}

}

Fernando José Rueda Peña

student•

const resolvers = {
    Query:{
        cursos: ()=>{
            return [
                {
                    id: 1,
                    titulo: 'curso de GraphQl',
                    descripcion: 'Aprendiendo GraphQl'
                }, 
                {
                    id: 2,
                    titulo: 'curso de PHP',
                    descripcion: 'Aprendiendo PHP'
                }
            ]
        }
    },
    Curso: {
        profesor: () =>{
            return {
                nombre: 'Pablo',
                nacionalidad: 'Argentina'
            }
        },
        comentarios: () =>{
            return [
                {
                nombre: 'Juan',
                cuerpo: 'Buen Video!'
                }
            ]            
        }
    }
}

<code>
const resolvers = {
  Query: {
    cursos: () => {
      return [{
        id: 1,
        titulo: 'curso de GraphQl',
        description: 'Aprendiendo GraphQl'
      }, {
        id: 2,
        titulo: 'curso de PHP',
        description: 'Aprendiendo PHP'
      }]
    }
  },
  Curso: {
    profesor: () => {
      return {
        nombre: 'luis',
        nacionalidad: 'colombia'
      }
    },
    comentario: () => {
      return [{
        id:1,
        nombre: 'luisj135',
        cuerpo: 'testing GraphQl'
      },
      {
        id:2,
        nombre: 'Platzi',
        cuerpo: 'testing Platzi GraphQl'
      }]
    }
  }
}
</code>

const resolvers = {
    Query: {
        courses: () => {
            return [
                {
                    id: 1,
                    title: "GraphQL Course",
                    description: "Learning GraphQl",
                    commentaries: [
                        {
                            name: "Commentary One",
                            body: "Lorem ipsum One"
                        },
                    ],
                    professor: {
                        name: "Pablo Pinto",
                        nacionality: "Argentino"
                    }
                },
                {
                    id: 2,
                    title: "PHP Course",
                    description: "Learning PHP",
                    commentaries: [
                        {
                            name: "Commentary Two",
                            body: "Lorem ipsum Two"
                        },
                    ],
                    professor: {
                        name: "Pedro Campos",
                        nacionality: "Argentino"
                    }
                }
            ]
        }
    },
};

const resolvers = {
  Query: {
    cursos: () => {
      return [{
        id:1,
        titulo: 'Curso de Grapgql',
        descripcion: 'Aprendiendo Graphql'
      },{
        id:2,
        titulo: 'Curso de PHP',
        descripcion: 'Aprendiendo PHP'
      }]
    }
  },
  Curso: {
    profesor: () => {
      return {
        nombre: 'Pablo',
        nacionalidad: 'Angentina'
      }
    },
    comentarios: () => {
      return [{
        nombre: "Juan",
        cuerpo: "Buen Video!"
      }]
    }
  }
}```

{
    cursos {
        id
        titulo
        descripcion
        profesor{
            id
            nombre
            nacionalidad
            genero
            cursos{
                id
            }
        }
        raiting
        comentarios{
            id
            nombre
            cuerpo
        }
    }
}

[
    {
        "id" : 1,
        "titulo" : "Curso 1",
        "descripcion" : "Esto es el cuso 1",
        "raiting" : 0.5
    },
    {
        "id" : 2,
        "titulo" : "Curso 2",
        "descripcion" : "Esto es el cuso 2",
        "raiting" : 0.5
    },
    {
        "id" : 3,
        "titulo" : "Curso 3",
        "descripcion" : "Esto es el cuso 3",
        "raiting" : 0.5
    }
]

const RESOLVERS = {
    Query: {
        cursos: () => MockCursos,
    },
    Curso: {
        profesor: () => MockProfesores,
        comentarios: () => MockComentarios,
    },
    Profesor: {
        cursos: () => MockComentarios,
        genero: () => "MASCULINO",
    },
};

const SCHEMA = makeExecutableSchema({
    typeDefs: TYPE_DEF,
    resolvers: RESOLVERS,
});

const resolvers = {
  Query: {
    cursos: () => {
      return [
        {
          id: 1,
          titulo: "Curso de GrapQL",
          descripcion: "Aprendiendo GraphQL"
        },
        {
          id: 2,
          titulo: "Curso de PHP",
          descripcion: "Aprendiendo PHP"
        }
      ];
    }
  },
  Curso: {
    profesor: () => {
      return [
        {
          nombre: "André",
          nacionalidad: "Peruana"
        }
      ];
    },
    comentarios: () => {
      return [
        {
          nombre: "Kelly",
          cuerpo: "Excelente!"
        }
      ];
    }
  }
};```

const resolvers = {
    Query: {
        cursos: ()=&gt;{
            return [
                {
                    id: 1,
                    titulo: 'Curso de GraphQL',
                    descripcion: 'Aprende GraphQL',
                    profesor: {
                        nombre: 'Pablo',
                    }
                },
                {
                    id: 2,
                    titulo: 'Curso de PHP',
                    descripcion: 'Aprende PHP'
                },
            ]
        }
    },
    Curso: {
        profesor: ()=&gt;{
            return {
                id: 1,
                nombre: 'Pablo',
                nacionalidad: 'Peruano',
                genero: 'MASCULINO',
                cursos: []
            }
        },
        comentarios: ()=&gt;{
            return [
                {
                    id: 1,
                    nombre: 'Luis',
                    cuerpo: 'Buen curso'
                },
            ]
        }
    }
}

  Curso: {
    profesor: () => {
      return {
        nombre: 'Paula',
        nacionalidad: 'Colombia'
      }
    },
    comentarios: () => {
      return [
        {
          nombre: 'Pedro',
          cuerpo: '¡Buen video!'
        }
      ]
    }
  }

  "data": {
    "cursos": [
      {
        "titulo": "GraphQL",
        "descripcion": "Aprendidndo GraphQL",
        "id": "1",
        "comentarios": [
          {
            "nombre": "Pedro",
            "cuerpo": "¡Buen video!"
          }
        ],
        "profesor": {
          "nombre": "Paula",
          "nacionalidad": "Colombia"
        }
      },
      {
        "titulo": "PHP",
        "descripcion": "Aprendidndo PHP",
        "id": "2",
        "comentarios": [
          {
            "nombre": "Pedro",
            "cuerpo": "¡Buen video!"
          }
        ],
        "profesor": {
          "nombre": "Paula",
          "nacionalidad": "Colombia"
        }
      }
    ]
  }
}

const resolvers = {
  Query: {
    cursos: () => {
      return [{
        id: 1,
        titulo: 'Curso de Graphql',
        descripcion: 'Aprendiendo Graphql'
      }, {
        id: 2,
        titulo: 'Curso de PHP',
        descripcion: 'Aprendiendo PHP'
      }]
    }
  },
  Curso: {
    profesor: () => {
      return{
        nombre: 'Julio',
        nacionalidad: 'Ecuatoriano'
      }
    },
    comentarios: () => {
      return [
        {
          nombre: 'Julio',
          cuerpo: 'Buen vídeo'
        },
        {
          nombre: 'Cesar',
          cuerpo: 'Excelente vídeo'
        }
      ]
    }
  }
}```

const resolvers = {
    Query: {
        cursos: () => {
            return [
                {
                    id: 1,
                    titulo: 'Curso de Graphql',
                    descripcion: 'Aprendiendo Graph',

                    rating: 10,
                },
                {
                    id: 2,
                    titulo: 'Curso de Javascript',
                    descripcion: 'Aprendiendo Javascript',

                    rating: 12,
                }
            ]
        }
    },  

    Curso: {
        profesor: ()=> {
            return {
                id: 1,
                nombre: 'Nicolas',
                nacionalidad: 'Perú'
            }    
        },
        comentarios: () => {
            return [{
                id: 1,
                nombre: 'A',
                cuerpo: 'tengo una duda al respecto'
            }, {
                id: 2,
                nombre: 'B',
                cuerpo: 'Que es un resolver?'
            }]
        }

    }
}

                rating: 8,
            },
            {
                id: 2,
                titulo: 'Curso de Java SE',
                descripcion: 'Aprendiendo Java SE',

                rating: 10,
            }
        ]
    }
},  

Curso: {
    profesor: ()=> {
        return {
            id: 1,
            nombre: 'Mariana',
            nacionalidad: 'Ecuador'
        }    
    },
    comentarios: () => {
        return [{
            id: 1,
            nombre: 'Primero',
            cuerpo: 'Un buen curso'
        }, {
            id: 2,
            nombre: 'Segundo',
            cuerpo: 'Un ejercicio bueno'
        }]
    }

}

const resolvers = {
    Query:{
        cursos: ()=>{
            return [
                {
                    id: 1,
                    titulo: 'curso de GraphQl',
                    descripcion: 'Aprendiendo GraphQl'
                }, 
                {
                    id: 2,
                    titulo: 'curso de PHP',
                    descripcion: 'Aprendiendo PHP'
                }
            ]
        }
    },
    Curso: {
        profesor: () =>{
            return {
                nombre: 'Pablo',
                nacionalidad: 'Argentina'
            }
        },
        comentarios: () =>{
            return [
                {
                nombre: 'Juan',
                cuerpo: 'Buen Video!'
                }
            ]            
        }
    }
}

Desafío: Terminar los Resolvers

Conceptos Generales de GraphQL

Por qué aprender GraphQL

Orígenes de GraphQL

GraphQL vs REST

Construyendo Esquemas a través de Tipos

El Schema - Types

Scalars

Objects

Enum

Interface

Union

Modificadores de tipo

Root Type: Query

Root Type: Mutation

Las Herramientas de GraphQL

Aclaración antes de empezar éste modulo

La Interfaz de GraphiQL

Queries

Argumentos

Variables

Aliases

Fragments

Inline Fragments

Directives

Mutations

Input Types

Proyecto

Presentación del Proyecto

Inicialización del Proyecto

Creación del Esquema

Deprecación de Campos

Resolvers