GraphQL Real Time con Subscriptions

Clase 45 de 45 • Curso de GraphQL 2016

Clase anteriorSiguiente clase

Sergio David Serrano Garcés

student•

Algún consejo para implementar Subscriptions con VueJs?

Diego Forero

Team Platzi•

Simplemente debes tener un socker que comunique tu aplicación en VueJS con el servidor de GraphQL, y con esto cada cambio se vera reflejado en todos los clientes.

Christian Lopez

student•

La mayoría de los servidores websocket ofrecen un cliente en javascript. En caso contrario puedes usar el cliente nativo del navegador . Una vez te conectes al socket, este emitirá eventos cada vez que recibes información desde el servidor y estos eventos deben disparar acciones en tus componentes. En el caso de que uses vuex para actualizar un estado, puedes usar watch en cada componente para disparar acciones.

Gabriel Tonelli

student•

Hay algo que no logro comprender, perdón si les resulta una obviedad: cómo logramos que GraphQL sea seguro? es decir, estamos poniendo a disposición de cualquiera una interface que puede interactuar con nuestra base de datos, no es eso inseguro? Es decir, uso GraphQL porque necesito una interface de comunicación entre mi aplicación cliente y el servidor, pero como hago para evitar que otros clientes no autorizados la utilicen? Entiendo que se puede, pero no lo encontré explicado en el curso. Tokens quizas? algún enlace o documentación al respecto?

Wilson Fabian Pérez Sucuzhañay

student•

algun buen socket recomendado para bakcend en PHP (Por dios no es Laravel jaja) para conectarse con VUEJS y hacer el real time bueno seria VUEJS<->GRAPHQL<->BackendPHP<->BD MySQL

Aleida Coste

student•

Buen día, implemente el root type subscription pero no he logrado encontrar solucion a un error que me aparece al ejecutarla en graphiql

“subscriptionsClient.subscribe is not a function”

//en el resolver tengo este codigo
Subscription: {
profesorDeleted: {
subscribe: () => pubsub.asyncIterator(‘profesorDeleted’)
}
}

//en el schema tengo lo siguiente
type Subscription {
profesorDeleted : Profesor
}

//En el index ajuste los middleware así
app.use(’/graphiql’,
graphiqlExpress({
endpointURL: ‘/graphql’,
subscriptionsEndpoint:ws://localhost:${PORT}/subscriptions
})
);

const ws = createServer(app);

ws.listen(PORT, () => {
console.log("Servidor con suscripciones y escuchando por el puerto ", PORT);
// Set up the WebSocket for handling GraphQL subscriptions
new SubscriptionServer({
execute,
subscribe,
schema
}, {
server: ws,
path: ‘/subscriptions’,
});
});

//finalmente dentro del mutation del resolver coloque esta linea de //código
pubsub.publish(‘profesorDeleted’, { profesorDeleted: profesor });

De antemano gracias!

camilo andres reina cifuentes

student•

graphql como se puede testear, se debe testear?

Diego Forero

Team Platzi•

Siempre debes hacer test, lo que debes testear es la respuesta del servidor respecto a lo que tu esperas, entonces creas un objeto que esperas es el que debe llegar como respuesta de la query y lo comparas con la respuesta real, puedes usar cualquiera herramienta para testing dependiendo del lenguaje que estes usando en el backend, por ejemplo si usas JavaScript puedes usar mocha o si usas django (graphene) usas pytest.

GraphQL Real Time con Subscriptions

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

Desafío: Terminar los Resolvers

Mocking

Implementación de Bases de Datos

Resolviendo a Base de Datos

Modularización del Esquema

Mutaciones: Creando Registros

Mutaciones: Editando Registros

Mutaciones: Eliminando Registros

Desafío: Terminar de Crear las Mutaciones

Implementando la Búsqueda

Manejo de Errores

Usando GraphQl fuera de GraphiQL

Los Clientes de GraphQL: Apollo vs Relay

Implementación de Apollo Client

Conclusiones

¿Cuándo usar GraphQL?

Contenido Bonus

Herramientas de la Comunidad

GraphQL Real Time con Subscriptions