¿Sin código? ¡Sin problema! Cómo los servidores GraphQL fallan y cómo fortalecer tus resolvers

Rate this content
Bookmark
Slides

Los servidores GraphQL son componentes críticos de tu infraestructura y deben ser altamente disponibles, confiables y tolerantes a fallos. Esta charla demuestra cómo aprovechar el filtro de proxy GraphQL Envoy de Solo.io para implementar puntos finales GraphQL a prueba de balas que sean confiables, seguros y amigables para los desarrolladores. ¡Todo esto sin escribir ningún código!

This talk has been presented at GraphQL Galaxy 2022, check out the latest edition of this Tech Conference.

FAQ

GraphQL es un protocolo de consulta para APIs que permite a los clientes especificar exactamente qué datos necesitan de un servidor. En el contexto descrito, un servidor GraphQL recibe peticiones de un cliente móvil, resuelve estas peticiones a través de servicios específicos como pagos y planes, y devuelve la información en una única respuesta integrada.

Los resolvers de GraphQL pueden fallar debido a errores de servidor como fallos de hardware o bugs en el código. Para mitigar esto, se utilizan técnicas como sondas de preparación y supervivencia en Kubernetes, que monitorizan la salud del servicio y reinician los procesos según sea necesario. Además, se pueden implementar estrategias de circuit breaking para manejar dinámicamente los servicios no saludables.

Un 'service mesh' es una infraestructura que facilita la comunicación segura, rápida y confiable entre diferentes servicios de una aplicación. En solo.io, se integra con GraphQL para mejorar la gestión de consultas y la implementación de políticas de seguridad y rendimiento a través de proxies como Envoy.

Los resolvers declarativos en GraphQL permiten definir cómo se manejan las peticiones de manera más clara y mantenible, utilizando configuraciones en lugar de código. Esto facilita la creación de soluciones más estables y seguras, permitiendo una mejor escalabilidad y mantenimiento del sistema.

JQ es un lenguaje de programación ligero y flexible diseñado específicamente para trabajar con JSON. En GraphQL, JQ se utiliza para transformar los datos de las respuestas de servicios upstream en formatos que se ajusten a los esquemas de GraphQL, facilitando así la integración y manipulación de datos complejos.

Los 'API gateways' en solo.io actúan como intermediarios que manejan y dirigen el tráfico entre clientes y servicios backend, aplicando políticas como autenticación, limitación de velocidad y enrutamiento. En el contexto de GraphQL, estos gateways pueden mejorar la seguridad y la eficiencia en el manejo de las peticiones de GraphQL.

Kevin Dorosh
Kevin Dorosh
Sai Ekbote
Sai Ekbote
20 min
08 Dec, 2022

Comments

Sign in or register to post your comment.
Video Summary and Transcription
Discutimos los servidores GraphQL, su estado actual y cómo fortalecer los resolvers. La charla explora el funcionamiento de los resolvers, el manejo de las interrupciones del servidor y la implementación de la verificación pasiva de la salud. También profundiza en el papel de las pasarelas de API, los proxies y los resolvers declarativos en la mejora del manejo del tráfico de red. Se demuestra el uso de JQ para la transformación de datos y la detección de valores atípicos. La charla concluye con la importancia de los resolvers resilientes y la participación en la comunidad GraphQL.

1. Introducción a GraphQL y Resolvers

Short description:

Estamos aquí para hablar sobre GraphQL, sin código, sin problema, cómo se rompen los servidores de GraphQL y cómo fortalecer tus resolvers. Discutiremos el estado actual de los servidores de GraphQL, cómo fallan los resolvers programáticos y cómo solucionarlos. Además, exploraremos los resolvers declarativos y demostraremos su funcionalidad.

♪♪ Gracias por unirse a nosotros. Estamos aquí para hablar sobre GraphQL, sin código, sin problema, cómo se rompen los servidores de GraphQL y cómo fortalecer tus resolvers. Así que, primeras presentaciones, mi nombre es Kevin. He estado aquí en solo.io durante varios años, trabajando en una amplia variedad de proyectos pero relevante para lo que estamos hablando hoy, un gran defensor de nuestro Envoy en GraphQL y Envoy Filter y proyectos relacionados. Y hoy nos acompaña amablemente Sai.

Sí, hola, soy Sai. Soy un ingeniero de software en solo.io. Junto con Envoy, Istio y Flagger, he contribuido a varios proyectos de open-source, incluyendo Glue, y también estoy aquí hablando sobre GraphQL. Soy uno de los ingenieros líderes del esfuerzo de GraphQL y service mesh aquí en solo.io. Y hablando de solo.io, ¿quiénes somos exactamente? Somos una startup en Cambridge, Massachusetts, y nos consideramos líderes de la industria en networking de aplicaciones, service mesh, y tecnologías modernas de API gateway. Y más recientemente, GraphQL, pero continuemos.

Entonces, sí, los objetivos para hoy. Queremos hablar sobre el estado actual de los servidores de GraphQL, específicamente los resolvers. ¿Cómo fallan los resolvers programáticos? ¿Cómo los solucionamos? Luego queremos echar un vistazo concreto a los resolvers declarativos, cómo podrían funcionar y demostrarlo. Solo vamos a verlo en acción.

2. Estado actual de los servidores de GraphQL

Short description:

Tenemos un cliente móvil simple que realiza una solicitud GraphQL a un servidor GraphQL. El servidor resuelve la solicitud de pagos y servicios de planes. Hay tres réplicas de cada servicio. El servidor GraphQL reconcilia los datos y los devuelve en una respuesta GraphQL singular.

Así que vamos directo al grano. El estado actual de las cosas. Quiero decir, esto es una conferencia de GraphQL. Todos deberíamos estar familiarizados con esto, pero solo para recapitular. Aquí a la izquierda, tenemos un cliente móvil simple que realiza una solicitud GraphQL a un servidor GraphQL. Este servidor aquí resuelve la solicitud para un servicio de pagos y planes, como un servicio telefónico, por ejemplo. Tenemos tres réplicas del servicio de pagos y tres réplicas del servicio de planes como se indica en las líneas punteadas. Este servidor GraphQL resuelve algunos campos en el servicio de pagos y otros en el servicio de planes, los reconcilia a través del esquema y devuelve todos los data aquí a la derecha en esa única respuesta GraphQL.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Simplificando los Componentes del Servidor
React Advanced 2023React Advanced 2023
27 min
Simplificando los Componentes del Servidor
Top Content
React server components simplify server-side rendering and provide a mental model of components as pure functions. Using React as a library for server components allows for building a basic RSC server and connecting it to an SSR server. RSC responses are serialized virtual DOM that offload code from the client and handle interactivity. The client manifest maps serialized placeholders to real components on the client, enabling dynamic rendering. Server components combine the best of classic web development and progressive enhancement, offering the advantage of moving logic from the client to the server.
Explorando los fundamentos de los Componentes del Servidor React
React Day Berlin 2023React Day Berlin 2023
21 min
Explorando los fundamentos de los Componentes del Servidor React
Top Content
This Talk introduces React Server Components (RSC) and explores their serialization process. It compares RSC to traditional server-side rendering (SSR) and explains how RSC handles promises and integrates client components. The Talk also discusses the RSC manifest and deserialization process. The speaker then introduces the Waku framework, which supports bundling, server, routing, and SSR. The future plans for Waku include integration with client state management libraries.
De GraphQL Zero a GraphQL Hero con RedwoodJS
GraphQL Galaxy 2021GraphQL Galaxy 2021
32 min
De GraphQL Zero a GraphQL Hero con RedwoodJS
Top Content
Tom Pressenwurter introduces Redwood.js, a full stack app framework for building GraphQL APIs easily and maintainably. He demonstrates a Redwood.js application with a React-based front end and a Node.js API. Redwood.js offers a simplified folder structure and schema for organizing the application. It provides easy data manipulation and CRUD operations through GraphQL functions. Redwood.js allows for easy implementation of new queries and directives, including authentication and limiting access to data. It is a stable and production-ready framework that integrates well with other front-end technologies.
Estado Local y Caché del Servidor: Encontrando un Equilibrio
Vue.js London Live 2021Vue.js London Live 2021
24 min
Estado Local y Caché del Servidor: Encontrando un Equilibrio
Top Content
This Talk discusses handling local state in software development, particularly when dealing with asynchronous behavior and API requests. It explores the challenges of managing global state and the need for actions when handling server data. The Talk also highlights the issue of fetching data not in Vuex and the challenges of keeping data up-to-date in Vuex. It mentions alternative tools like Apollo Client and React Query for handling local state. The Talk concludes with a discussion on GitLab going public and the celebration that followed.
Y Ahora Entiendes los Componentes del Servidor React
React Summit 2024React Summit 2024
27 min
Y Ahora Entiendes los Componentes del Servidor React
Top Content
In this Talk, Kent C. Dodds introduces React Server Components (RSCs) and demonstrates how to build them from scratch. He explains the process of integrating RSCs with the UI, switching to RSC and streaming for improved performance, and the benefits of using RSCs with async components. Dodds also discusses enhancements with streaming and server context, client support and loaders, server component rendering and module resolution, handling UI updates and rendering, handling back buttons and caching, and concludes with further resources for diving deeper into the topic.
Una Guía Práctica para Migrar a Componentes de Servidor
React Advanced 2023React Advanced 2023
28 min
Una Guía Práctica para Migrar a Componentes de Servidor
Top Content
React query version five is live and we'll be discussing the migration process to server components using Next.js and React Query. The process involves planning, preparing, and setting up server components, migrating pages, adding layouts, and moving components to the server. We'll also explore the benefits of server components such as reducing JavaScript shipping, enabling powerful caching, and leveraging the features of the app router. Additionally, we'll cover topics like handling authentication, rendering in server components, and the impact on server load and costs.

Workshops on related topic

Dominando React Server Components y Server Actions en React 19
React Summit US 2024React Summit US 2024
150 min
Dominando React Server Components y Server Actions en React 19
Featured Workshop
Maurice de Beijer
Maurice de Beijer
¡Llamando a todos los desarrolladores de React! Únete a nosotros para una masterclass inmersiva de 4 horas profundizando en React Server Components y Server Actions. Descubre cómo estas tecnologías revolucionarias están transformando el desarrollo web y aprende a aprovechar todo su potencial para construir aplicaciones rápidas y eficientes.

Explora el mundo de React Server Components, combinando sin problemas el renderizado del lado del servidor con la interactividad del lado del cliente para un rendimiento y experiencia de usuario incomparables. Sumérgete en React Server Actions para ver cómo combinan la interactividad del lado del cliente con la lógica del lado del servidor, facilitando el desarrollo de aplicaciones interactivas sin las limitaciones tradicionales de las API.

Obtén experiencia práctica con ejercicios prácticos, ejemplos del mundo real y orientación experta sobre la implementación de estas tecnologías en tus proyectos. Aprende temas esenciales como las diferencias entre Server y Client Components, optimización de la obtención de datos, pasando datos de manera efectiva y maximizando el rendimiento con nuevos hooks de React como useActionState, useFormStatus y useOptimistic.

Ya sea que seas nuevo en React o un profesional experimentado, esta masterclass te equipará con el conocimiento y las herramientas para elevar tus habilidades de desarrollo web. Mantente a la vanguardia y domina la tecnología de vanguardia de React 19. No te lo pierdas: ¡regístrate ahora y desata todo el poder de React!
Construye una aplicación WordPress sin cabeza con Next.js y WPGraphQL
React Summit 2022React Summit 2022
173 min
Construye una aplicación WordPress sin cabeza con Next.js y WPGraphQL
Top Content
WorkshopFree
Kellen Mace
Kellen Mace
En esta masterclass, aprenderás cómo construir una aplicación Next.js que utiliza Apollo Client para obtener datos de un backend de WordPress sin cabeza y usarlo para renderizar las páginas de tu aplicación. Aprenderás cuándo debes considerar una arquitectura de WordPress sin cabeza, cómo convertir un backend de WordPress en un servidor GraphQL, cómo componer consultas usando el IDE GraphiQL, cómo colocar fragmentos GraphQL con tus componentes, y más.
Next.js 13: Estrategias de Obtención de Datos
React Day Berlin 2022React Day Berlin 2022
53 min
Next.js 13: Estrategias de Obtención de Datos
Top Content
WorkshopFree
Alice De Mauro
Alice De Mauro
- Introducción- Prerrequisitos para la masterclass- Estrategias de obtención: fundamentos- Estrategias de obtención – práctica: API de obtención, caché (estática VS dinámica), revalidar, suspense (obtención de datos en paralelo)- Prueba tu construcción y sírvela en Vercel- Futuro: Componentes de servidor VS Componentes de cliente- Huevo de pascua de la masterclass (no relacionado con el tema, destacando la accesibilidad)- Conclusión
La Puerta al Backend: Guía del Desarrollador Frontend para el Desarrollo Full-Stack
React Summit US 2023React Summit US 2023
160 min
La Puerta al Backend: Guía del Desarrollador Frontend para el Desarrollo Full-Stack
Top Content
WorkshopFree
Amy Dutton
Amy Dutton
Esta masterclass te guiará a través del ciclo de vida del desarrollo de productos para crear una aplicación web del mundo real. Aprenderás sobre los Componentes del Servidor React, construyendo un sistema de diseño dentro de Storybook, y utilizando el desarrollo frontend para acercarte a convertirte en un desarrollador full-stack. La masterclass cubrirá el aumento de la confianza en tu aplicación con pruebas unitarias e implementando autenticación y autorización. Tendrás la oportunidad de trabajar a través de las características del producto y examinar un proyecto real de RedwoodJS, obteniendo valiosa experiencia en el desarrollo de productos del mundo real. RedwoodJS hace que sea simple acercarse al desarrollo full-stack, y esta masterclass te dará las habilidades que necesitas para crear tus propias aplicaciones web del mundo real.
Construir con SvelteKit y GraphQL
GraphQL Galaxy 2021GraphQL Galaxy 2021
140 min
Construir con SvelteKit y GraphQL
Top Content
WorkshopFree
Scott Spence
Scott Spence
¿Alguna vez has pensado en construir algo que no requiera mucho código de plantilla con un tamaño de paquete pequeño? En esta masterclass, Scott Spence irá desde el hola mundo hasta cubrir el enrutamiento y el uso de endpoints en SvelteKit. Configurarás una API de GraphQL en el backend y luego usarás consultas de GraphQL con SvelteKit para mostrar los datos de la API de GraphQL. Construirás un proyecto rápido y seguro que utiliza las características de SvelteKit, y luego lo desplegarás como un sitio completamente estático. Este curso es para los curiosos de Svelte que no han tenido una experiencia extensa con SvelteKit y quieren una comprensión más profunda de cómo usarlo en aplicaciones prácticas.

Tabla de contenidos:
- Inicio e introducción a Svelte
- Inicializar el proyecto frontend
- Recorrido por el proyecto esqueleto de SvelteKit
- Configurar el proyecto backend
- Consultar datos con GraphQL
- Recuperación de datos en el frontend con GraphQL
- Estilización
- Directivas de Svelte
- Enrutamiento en SvelteKit
- Endpoints en SvelteKit
- Despliegue en Netlify
- Navegación
- Mutaciones en GraphCMS
- Envío de mutaciones GraphQL a través de SvelteKit
- Preguntas y respuestas
Modelado de Bases de Datos Relacionales para GraphQL
GraphQL Galaxy 2020GraphQL Galaxy 2020
106 min
Modelado de Bases de Datos Relacionales para GraphQL
Top Content
Workshop
Adron Hall
Adron Hall
En esta masterclass profundizaremos en el modelado de datos. Comenzaremos con una discusión sobre varios tipos de bases de datos y cómo se mapean a GraphQL. Una vez que se haya establecido esa base, el enfoque se desplazará a tipos específicos de bases de datos y cómo construir modelos de datos que funcionen mejor para GraphQL en varios escenarios.
Índice de contenidosParte 1 - Hora 1      a. Modelado de Datos de Bases de Datos Relacionales      b. Comparando Bases de Datos Relacionales y NoSQL      c. GraphQL con la Base de Datos en menteParte 2 - Hora 2      a. Diseño de Modelos de Datos Relacionales      b. Relación, Construcción de Tablas Multijoin      c. Complejidades de Consulta de Modelado de Datos Relacionales y GraphQL
Prerrequisitos      a. Herramienta de modelado de datos. El formador utilizará dbdiagram      b. Postgres, aunque no es necesario instalar esto localmente, ya que estaré utilizando una imagen de Dicker de Postgres, de Docker Hub para todos los ejemplos      c. Hasura