Spinnaker como una Solución de Entrega Continua para Aplicaciones JavaScript

This ad is not shown to multipass and full ticket holders
React Summit US
React Summit US 2025
November 18 - 21, 2025
New York, US & Online
The biggest React conference in the US
Learn More
In partnership with Focus Reactive
Upcoming event
React Summit US 2025
React Summit US 2025
November 18 - 21, 2025. New York, US & Online
Learn more
Bookmark
Rate this content

Spinnaker es una plataforma de entrega continua de código abierto que proporciona gestión de aplicaciones y despliegue para ayudar a los equipos de ingeniería a lanzar cambios de software con confianza y a alta velocidad. Inicialmente fue desarrollado en Netflix y ahora es utilizado por muchos equipos de ingeniería a gran escala. En esta charla, exploraremos cómo podemos aprovecharlo para implementar aplicaciones JavaScript en múltiples proveedores de nube de manera repetible y escalable, aprovechando su conjunto de funciones robusto.

This talk has been presented at DevOps.js Conf 2024, check out the latest edition of this JavaScript Conference.

Jamal Sinclair O'Garro
Jamal Sinclair O'Garro
10 min
15 Feb, 2024

Comments

Sign in or register to post your comment.
Video Summary and Transcription
Jamal Sinclair-O'Garro se presenta como un ingeniero de software senior en Netflix con experiencia en algoritmos y comercio electrónico. Spinnaker es una plataforma de entrega continua multiplataforma utilizada por empresas como Grubhub, Airbnb, Google, Netflix, Chime, Box y Target. Proporciona gestión de infraestructura y despliegue a través de pipelines, permitiendo implementaciones graduales y análisis de canarios para garantizar cambios seguros. Spinnaker mejora la velocidad y se recomienda para optimizar aplicaciones JavaScript en diferentes proveedores.

1. Introducción

Short description:

Hola, mi nombre es Jamal Sinclair-O'Garro, un ingeniero de software senior en Netflix. Tengo experiencia en trading algorítmico y electrónico. Estoy ubicado en Nueva York y soy fanático del hip hop y los deportes, especialmente de los Knicks.

Hola. Mi nombre es Jamal Sinclair-O'Garro y bienvenidos a mi charla sobre Spinnaker como solución de entrega continua para aplicaciones JavaScript. Entonces, ¿quién soy yo? Como mencioné, mi nombre es Jamal. Soy un ingeniero de software senior en Netflix dentro de nuestra organización de ingeniería de plataformas. Antes de trabajar en Netflix, he estado aquí aproximadamente dos años, trabajé toda mi career en finanzas donde me enfoqué principalmente en el trading algorítmico y electrónico. He construido más de 15 aplicaciones de trading electrónico algorítmico para escritorio que se han implementado en toda la empresa en mis trabajos anteriores. Nací y crecí en Nueva York, donde actualmente resido. Soy fanático del hip hop, de las zapatillas de deporte, soy fanático de los Yankees, Giants y Knicks, y los Knicks la están rompiendo en este momento.

2. Spinnaker Overview

Short description:

Hoy aprenderemos sobre Spinnaker, una plataforma de entrega continua multiplataforma que admite múltiples proveedores de nube. Discutiremos su funcionalidad, orquestación de implementación, gestión de recursos y su uso por parte de empresas como Grubhub, Airbnb, Google, Netflix, Chime, Box y Target. También cubriremos conceptos de alto nivel como proveedores, aplicaciones, clústeres, grupos de servidores, balanceadores de carga y firewalls en la arquitectura de Spinnaker.

así que vamos Knicks. Entonces, el plan de hoy. ¿En qué nos vamos a enfocar hoy? Hoy vamos a aprender sobre Spinnaker, qué es, entenderemos a grandes rasgos una descripción general de su funcionalidad y luego trataremos de averiguar por qué podrías querer usarlo para tus aplicaciones JavaScript. Entonces, dicho esto, ¿qué es Spinnaker? Spinnaker es una plataforma de entrega continua multiplataforma que admite múltiples proveedores o entornos en la nube. Entonces, piensa en AWS, Google Cloud y Azure. Spinnaker nos brinda la capacidad de configurar recursos en la nube. Entonces, piensa en el tipo de instancia, grupos de seguridad si estás en el mundo de AWS. Podemos orquestar nuestras implementaciones o definir la orquestación para las implementaciones a través de algo llamado pipelines que hablaremos en breve. Y también podemos administrar o implementar recursos. Entonces, piensa en el escalado automático y la lógica que nos permite realizar cosas como deshacer cambios en caso de que las cosas no salgan bien. Spinnaker fue desarrollado internamente en Netflix y desde entonces se ha convertido en un proyecto de código abierto y ahora es mantenido por la comunidad. Entonces, sabemos sobre Spinnaker, pero la pregunta que podrías tener es, ¿quién lo está usando? ¿Quién está usando Spinnaker en producción? En este momento hay algunas empresas. Está Grubhub, está Airbnb, Google, por supuesto, porque Spinnaker proviene de Netflix. Está Chime, Box, y Target. Entonces, como podemos ver, este es un pequeño subconjunto, pero hay una gran cantidad de empresas que están utilizando Spinnaker en producción para su solución de entrega. Entonces, ahora hablemos de algunos conceptos de alto nivel de Spinnaker. Primero, hablemos de un proveedor. Un proveedor es un proveedor de servicios en la nube. Como AWS o Azure, Google Cloud que proporciona recursos informáticos en los que puedes construir tu infraestructura y implementar y servir tus aplicaciones. Ahora, en el mundo de Spinnaker, una aplicación es una colección de algo llamado clústeres de los que hablaremos en breve. Así que piensa en ello como una forma de realizar un seguimiento de nuestra aplicación, la configuración de la aplicación, y también su configuración de infraestructura. Además, también tenemos un grupo de servidores, un grupo de servidores es una colección de instancias. Entonces, piensa en las instancias de tu aplicación Node, o incluso podrían ser instancias de Kubernetes también. Un clúster es un grupo de grupos de servidores en Spinnaker. Y luego también tenemos balanceadores de carga que básicamente equilibran el tráfico entre las instancias dentro de un grupo de servidores en particular. Tenemos un firewall, que nos permite establecer reglas de tráfico de seguridad de red. Entonces, veamos a grandes rasgos la arquitectura de Spinnaker. Aquí tenemos un ejemplo de dos aplicaciones. Como se mencionó, una aplicación es una forma de agrupar los recursos y la infraestructura de tus aplicaciones. Y aquí puedes ver que tenemos una colección de clústeres. Y cada clúster es básicamente un conjunto de grupos de servidores.

3. Spinnaker Architecture

Short description:

La arquitectura de Spinnaker proporciona una descripción general de clústeres, grupos de servidores, instancias, balanceadores de carga y firewalls. La pantalla real muestra diferentes grupos de servidores y clústeres, donde se pueden controlar acciones como rollback, resizing, disabling, deploying y cloning. Spinnaker proporciona un panel centralizado para definir la configuración de infraestructura que se abstrae en servidores y proveedores.

Como vemos aquí, el clúster A tiene tres grupos de servidores, el clúster B tiene dos grupos de servidores, y el clúster C tiene un grupo de servidores. Si observamos la aplicación dos, vemos que es ligeramente diferente. Y si nos enfocamos en el clúster D dentro de la aplicación dos, veremos que tenemos dos grupos de servidores. Estos grupos de servidores contienen instancias. Entonces, estas cajas aquí son instancias. Y aquí vemos que tenemos nuestro balanceador de carga, que va a tomar el tráfico, pasarlo a través de un firewall y luego básicamente decidir dónde se dirige ese tráfico en términos de nuestras instancias. Así que esa es una descripción general de alto nivel de la arquitectura de Spinnaker en pocas palabras. Aquí tienes un ejemplo de cómo se ven los clústeres en la pantalla real. Entonces, ves que tenemos nuestros diferentes grupos de servidores, nuestros diferentes clústeres. Tenemos nuestras instancias. Aquí, tenemos una forma de controlar algunas de las acciones en nuestros grupos de servidores. Así que hacer rollback, resizing, disabling, deploying, incluso cloning. Así que hablemos sobre la gestión de infraestructura. Spinnaker nos permite definir nuestra infraestructura. Entonces, especificar configuraciones en nuestro entorno sin tener que navegar por muchas páginas diferentes para hacerlo. Si estás familiarizado con AWS, Amazon Web Services, sabrás que tienes que pasar por muchas partes diferentes de tu aplicación o tu configuración de Amazon para cambiar cosas como tus grupos de seguridad o configurar balanceadores de carga. En Spinnaker, veremos en un segundo en nuestra próxima captura de pantalla, puedes hacer esto desde un panel centralizado. Y también está abstraído

4. Gestión de Infraestructura y Despliegue

Short description:

Spinnaker proporciona una forma unificada de gestionar la configuración de infraestructura en diferentes proveedores. La gestión del despliegue se logra a través de pipelines que automatizan flujos clave, como la extracción de imágenes, las pruebas, las versiones canary y las estrategias de despliegue. El análisis canary permite despliegues graduales y comparaciones con una línea base para identificar diferencias estadísticamente significativas.

No tienes que preocuparte si estás cambiando de AWS a Google Cloud y tienes que aprender esa infraestructura o saber dónde está todo. Spinnaker te brindará una forma unificada de gestionar esa configuración. Aquí tenemos un ejemplo de una página de gestión de infraestructura. Una configuración de clúster de despliegue donde puedes ver aquí, puedes especificar tus cuentas, tu región, tus subredes VPC. Incluso aquí podemos ver que podemos configurar balanceadores de carga, grupos de seguridad o tipos de instancias, e incluso llegar a las zonas de disponibilidad. Como podemos ver aquí, un beneficio es que Spinnaker te brinda esta abstracción de alto nivel que te permite gestionar tu infraestructura desde un panel simple que se puede extrapolar y generalizar en muchos proveedores diferentes o proveedores de servicios en la nube. A continuación, hablemos brevemente sobre la gestión del despliegue. Entonces, ¿qué significa esto? Spinnaker tiene un concepto llamado pipeline. Y un pipeline, a alto nivel, te permite definir cómo se despliega tu código. Permite la automatización de flujos clave. Piensa en extraer una imagen de algún lugar, ejecutar pruebas, ejecutar canaries o incluso permitir un juicio manual para bloquear una aplicación y evitar que se promueva automáticamente a producción. También puedes gestionar la construcción de tus imágenes, las versiones canary y aplicar otras estrategias de despliegue. Aquí tienes un ejemplo de un diagrama de cómo se ve un pipeline. Como se muestra, va de izquierda a derecha. Estas son las diferentes etapas que pueden ocurrir. Aquí decimos que comenzaremos nuestro pipeline. Encontrará una imagen a partir de las pruebas, desplegará un canary, realizará un cambio aprobado manualmente, esperará 30 segundos, desplegará el entorno de producción utilizando una estrategia de red-negra, realizará una limpieza, esperará dos horas para el canary y destruirá la antigua producción una vez que se haya realizado ese despliegue. Aquí tienes un ejemplo de una definición de pipeline, cómo puedes definirlo. Por cuestiones de tiempo, no profundizaremos mucho en esto, pero puedes ver

5. Pipeline and Canary Analysis

Short description:

Spinnaker permite ejecutar canarios para implementar cambios gradualmente y compararlos con una línea base. Se calcula una puntuación de canario basada en métricas para determinar si el cambio es seguro para producción. Spinnaker es una herramienta poderosa que mejora la velocidad y facilita el trabajo con proveedores de servicios en la nube. La comunidad es activa y apasionada. Si deseas optimizar tu aplicación JavaScript en diferentes proveedores, Spinnaker es la herramienta adecuada para ti.

aquí que estas diferentes etapas básicamente imitan el mismo flujo de pipeline. Y si observas el pipeline real en producción, podemos ver que para cada etapa que atravesamos, si algo está en verde, eso significa que esa etapa se ha completado y ha sido exitosa. Si tuviéramos algún problema, se pondría en rojo o habría otros colores diferentes que especificarían diferentes estados, pero esos son los dos que nos importan principalmente. Y si miras aquí y profundizas en la etapa real del pipeline en sí, puedes ver más información y metadatos al respecto. Entonces, brevemente, antes de cerrar, hablemos sobre el análisis de canarios. Una característica realmente poderosa de Spinnaker es que nos permite ejecutar algo llamado canarios. ¿Qué es un canario? Un canario es básicamente un proceso de implementación donde un cambio se implementa gradualmente y se compara con una línea base. Digamos que hicimos un cambio en una configuración o en algún código. Lo que queremos hacer es ejecutar una línea base de cómo se ve nuestra producción actual. Y luego vamos a ejecutar una réplica de eso que contiene nuestro código, ¿verdad? Nuestro cambio de código, cambio de configuración, y luego lo que vamos a hacer es recopilar algunas métricas. Y con las métricas, vamos a intentar ver si hay diferencias materiales que sean estadísticamente significativas. Entonces, piensa en aumentos en la latencia, aumentos en los registros de errores, aumentos de cualquier cosa que parezca sospechosa y sea diferente de nuestra línea base. Y lo que hacemos es tomar esa información y calcular una puntuación, lo que llamamos una puntuación de canario. Y esa puntuación determina si ese cambio es seguro para implementar en producción. Y esto se hace tanto para cambios de código como de configuración, como se mencionó.

Entonces, al concluir esta breve charla, voy a dar algunas conclusiones y puntos clave, que Spinnaker es una herramienta muy poderosa y completa. Ayuda a mejorar la velocidad y facilita el trabajo con cloud providers una vez que te familiarizas con ella. Y la community es muy apasionada y activa en conferencias y canales sociales. Entonces, si eres un desarrollador de JavaScript , ingeniero, líder de equipo y estás buscando una forma de optimizar tu aplicación JavaScript, tu aplicación JavaScript, ya sea una aplicación de nodo o de otro tipo, y quieres hacerla genérica en todos tus posibles proveedores, AWS o Google Cloud, Spinnaker es probablemente la herramienta adecuada para ti. Aquí tienes algunos recursos. Entonces, la documentación de Spinnaker es un buen lugar para comenzar. El canal de Slack de Spinnaker es bastante bueno. Esa URL es bastante larga, pero esta presentación se compartirá. Es un enlace clickable. Siéntete libre de revisarlo. Y aquí está mi información de contacto, mi GitHub, mi Twitter y mi LinkedIn. Y con eso, estoy abierto a cualquier pregunta.

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

Cómo Construir Tu Propio Proyecto de Código Abierto
React Advanced 2022React Advanced 2022
16 min
Cómo Construir Tu Propio Proyecto de Código Abierto
Hello my friend, in this talk, I wanna share with you how to build your own open source project. Building an open source software project can be challenging. I receive a lot of things randomly in a day, like thank you messages for making my life easier, which motivates me. To choose an open source project to work on, pick one you use every day. Your software is being used when people report issues and send pull requests.
Lecciones de Mantenimiento de Bibliotecas TypeScript
TypeScript Congress 2022TypeScript Congress 2022
30 min
Lecciones de Mantenimiento de Bibliotecas TypeScript
Top Content
Mark Erickson, a Senior Frontend Engineer at Replay, discusses JavaScript libraries and their support for TypeScript, including migration, versioning, and debugging. He also explores the challenges of supporting multiple TypeScript versions and designing APIs for use with TypeScript. Additionally, he shares advanced Redux type tricks and insights into maintaining a TypeScript library. The poll results reveal the widespread usage of TypeScript among developers, with many gradually migrating their codebases. Lastly, he provides tips for upgrading TypeScript and verifying functionality.
Módulos Nuxt 3 y Código Abierto
Vue.js London 2023Vue.js London 2023
31 min
Módulos Nuxt 3 y Código Abierto
Nuxt.js modules are a central part of Nuxt and have had 14 million downloads. Creating Nuxt modules is easy with Nuxt 3. Modules can provide assets, CSS injection, plugins, and auto imports. Learning Nuxt modules gives a deeper understanding of Nuxt and extends its functionalities. The Nuxt community is friendly to newcomers and encourages module creation.
Rompe la Carrera: Detección Fácil de Condiciones de Carrera para React
React Day Berlin 2023React Day Berlin 2023
31 min
Rompe la Carrera: Detección Fácil de Condiciones de Carrera para React
Race conditions can be complex to debug and reproduce, causing frustration for users. The speaker discusses examples of race conditions and ways to fix and avoid them. They demonstrate an example of an auto-completion field in React and how to handle race conditions in API calls. The speaker introduces the FastCheck framework for property-based testing to address race conditions and improve tests. Randomizing inputs and outputs can help uncover bugs specific to certain scenarios. The speaker also discusses mitigating race conditions in React and handling test overhead and reproducibility.
Haciendo que una biblioteca de código abierto sea financieramente sostenible
React Day Berlin 2022React Day Berlin 2022
8 min
Haciendo que una biblioteca de código abierto sea financieramente sostenible
The Talk discusses how an open source library, ReactFlow, was made financially sustainable. Various methods were tried, including Github sponsoring and cross financing, but a price tag was eventually added to the library. Building trust and clear expectations through ongoing support and communication with subscribers was key to gaining financial support. The issue of people not knowing how much to contribute was addressed by providing a clear pricing structure. Additional features like one-on-one support and Pro examples were added to combat the paradox of choice and encourage financial support.

Workshops on related topic

Node.js: Aterrizando tu primera contribución de código abierto y cómo funciona el proyecto Node.js
Node Congress 2023Node Congress 2023
85 min
Node.js: Aterrizando tu primera contribución de código abierto y cómo funciona el proyecto Node.js
Workshop
 Claudio Wunder
Claudio Wunder
Esta masterclass tiene como objetivo brindarte un módulo introductorio sobre los aspectos generales del código abierto. Sigue a Claudio Wunder de la Fundación OpenJS para que te guíe sobre cómo funciona el modelo de gobierno de Node.js, cómo se toman decisiones de alto nivel y cómo hacer tu primera contribución. Al final de la masterclass, tendrás una comprensión general de todos los tipos de trabajo que hace el proyecto Node.js (desde la clasificación de errores hasta decidir los próximos 10 años de Node.js) y cómo puedes formar parte del panorama más amplio del ecosistema JavaScript.

Las siguientes tecnologías y habilidades suaves podrían ser necesarias:
- Comprensión básica de Git e interfaz de GitHub
- Conocimiento de inglés profesional/intermedio para la comunicación y para permitirte contribuir a la organización Node.js (ya que todas las contribuciones requieren comunicación dentro de los problemas y solicitudes de GitHub)
- La masterclass requiere que tengas una computadora (de lo contrario, se vuelve difícil colaborar, pero las tabletas también están bien) con una configuración de IDE, y recomendamos VS Code y recomendamos la extensión GitHub Pull Requests & Issues para colaborar con problemas y solicitudes directamente desde el IDE.

Se cubrirán los siguientes temas durante la masterclass:
- Un repaso de algunas características de la interfaz de GitHub, como los proyectos de GitHub y los problemas de GitHub
- Repasaremos los conceptos básicos del código abierto y seguiremos la Guía de código abierto
- Repasaremos Markdown
- Cubriremos el gobierno del código abierto y cómo funciona el proyecto Node.js y hablaremos sobre la Fundación OpenJS
- Incluyendo todas las formas en que uno puede contribuir al proyecto Node.js y cómo se pueden valorar sus contribuciones
- Durante esta masterclass, cubriremos problemas de nodejs/nodejs.dev, ya que la mayoría de ellos son de nivel básico y no requieren conocimientos profundos de C++ o de Node.js.
- Dicho esto, aún recomendamos a los asistentes entusiastas que deseen desafiarse a sí mismos a los "Good First Issues" de nodejs/node (repositorio principal) si lo desean.
- Permitiremos a cada asistente elegir un problema o trabajar junto con otros asistentes para abordar problemas juntos mediante la función de Pair Programming a través de la característica de VS Code Live Share
- También podemos hacer salas de descanso en Zoom para las personas que deseen colaborar juntas
- Claudio estará allí para brindar apoyo a todos los asistentes y, por supuesto, responder cualquier pregunta sobre problemas y desafíos técnicos que puedan enfrentar
- Las tecnologías utilizadas en nodejs/nodejs.dev son React/JSX, Markdown, MDX y Gatsby. (No se necesita ningún conocimiento de Gatsby, ya que la mayoría de los problemas son agnósticos a la plataforma)
- Al final de la masterclass, recopilaremos todos los colaboradores que hayan abierto con éxito una solicitud de extracción (incluso si es un borrador) y reconoceremos su participación en las redes sociales.