Publicando, Automatizando y Monitoreando tu Aplicación JS en Azure

certificate
Recording and certification are available to Multipass and Full ticket holders only
Please login if you have one.
Rate this content
Bookmark

En este masterclass vas a desplegar una aplicación JS en nuestros servicios de Azure. Obviamente, no queremos hacer esto manualmente, así que vas a utilizar las acciones de GitHub para agilizar esta experiencia. Ahora que nuestra aplicación está en Azure, queremos asegurarnos de estar al tanto de los fallos y problemas de rendimiento, así que agregaremos algunas funcionalidades de App Insights en la mezcla. Durante el masterclass, mostraremos algunas características geniales que podrías aprovechar.

This workshop has been presented at React Summit Remote Edition 2021, check out the latest edition of this React Conference.

FAQ

Azure Static Web Apps es un servicio de Microsoft Azure que permite alojar aplicaciones web estáticas y se encarga de toda la infraestructura necesaria para alojar estas aplicaciones y hacerlas globalmente accesibles. Facilita la creación de entornos seguros y escalables con capacidades para manejar CI/CD, API de backend y más.

Para desplegar una aplicación en Azure Static Web Apps, se necesita tener el código fuente alojado en un repositorio de GitHub. Desde allí, se configura una acción de GitHub que compila el código y lo implementa automáticamente en Azure cada vez que se realiza un cambio en el repositorio.

Sí, Azure Static Web Apps permite ejecutar funciones de servidor mediante Azure Functions, que se pueden integrar directamente en el entorno de la aplicación web estática. Estas funciones pueden ser desarrolladas en varios lenguajes de programación y se activan mediante eventos HTTP o de sistema.

Una Acción de GitHub es una serie de comandos que se ejecutan automáticamente en respuesta a eventos específicos en un repositorio de GitHub. En el contexto de Azure Static Web Apps, se utiliza para automatizar el proceso de compilación e implementación del código desde GitHub a Azure cada vez que se realiza un cambio.

Azure Static Web Apps integra funcionalidades de autenticación y autorización, permitiendo conectar fácilmente con proveedores de identidad como Google, Facebook, Twitter y Azure Active Directory. También ofrece soporte para gestión de roles dentro de la aplicación.

Sí, es posible probar Azure Static Web Apps sin una suscripción mediante el uso de una cuenta sandbox proporcionada por Microsoft Learn. Esta cuenta sandbox permite probar los servicios de Azure y realizar laboratorios sin necesidad de una cuenta de Azure.

Suzanne Daniels
Suzanne Daniels
Nick Trogh
Nick Trogh
138 min
10 Jun, 2021

Comments

Sign in or register to post your comment.
Video Summary and Transcription
Bienvenido al masterclass donde ejecutaremos una aplicación web estática en Azure. Cubriremos los ingredientes necesarios para ejecutar una aplicación web en línea, incluyendo almacenamiento, proxy inverso, descarga de SSL, balanceador de carga, servidor de API, enrutamiento, escalabilidad global y procesos de CI/CD. Desplegaremos una aplicación de lista de compras y la ampliaremos con funcionalidad adicional, API, seguridad y monitoreo. Azure Static Web Apps simplifica el proceso de alojar contenido web estático y API backend, proporcionando un entorno administrado. El masterclass cubre el proceso de despliegue utilizando acciones de GitHub, configurando rutas de fallback, creando y desplegando aplicaciones web estáticas de Azure, agregando APIs con Azure Functions y solucionando problemas de despliegue.
Video transcription and chapters available for users with access.

Watch more workshops on topic

Embarcándonos en una aventura con Nuxt 3, Motion UI y Azure
JSNation 2022JSNation 2022
141 min
Embarcándonos en una aventura con Nuxt 3, Motion UI y Azure
WorkshopFree
Melanie de Leeuw
Melanie de Leeuw
¡Nos encantan las aplicaciones web fáciles de crear y desplegar! Entonces, veamos qué puede hacer una pila tecnológica muy actual como Nuxt 3, Motion UI y Azure Static Web Apps. Podría ser perfectamente un trío de oro en el desarrollo web moderno. O podría ser una hoguera de errores y problemas. De cualquier manera, será una aventura de aprendizaje para todos nosotros. Nuxt 3 se lanzó hace apenas unos meses y no podemos esperar más para explorar sus nuevas características, como su compatibilidad con Vue 3 y el Motor Nitro. Agregamos un poco de estilo a nuestra aplicación con la biblioteca Sass Motion UI, porque el diseño estático está pasado de moda y las animaciones vuelven a estar de moda.Nuestra fuerza impulsora de la pila será Azure. Las aplicaciones web estáticas de Azure son nuevas, casi listas para producción y una forma ingeniosa y rápida para que los desarrolladores desplieguen sus sitios web. Así que, por supuesto, debemos probar esto.Con algunas Azure Functions esparcidas por encima, exploraremos lo que puede hacer el desarrollo web en 2022.
Azure Static Web Apps (SWA) con Azure DevOps
DevOps.js Conf 2022DevOps.js Conf 2022
13 min
Azure Static Web Apps (SWA) con Azure DevOps
WorkshopFree
Juarez Barbosa Junior
Juarez Barbosa Junior
Las Azure Static Web Apps se lanzaron a principios de 2021 y, de forma predeterminada, pueden integrar su repositorio existente y implementar su aplicación web estática desde Azure DevOps. Este masterclass demuestra cómo publicar una Azure Static Web App con Azure DevOps.
Cómo desarrollar, construir e implementar microservicios Node.js con Pulumi y Azure DevOps
DevOps.js Conf 2022DevOps.js Conf 2022
163 min
Cómo desarrollar, construir e implementar microservicios Node.js con Pulumi y Azure DevOps
Workshop
Alex Korzhikov
Andrew Reddikh
2 authors
El masterclass ofrece una perspectiva práctica de los principios clave necesarios para desarrollar, construir y mantener un conjunto de microservicios en el stack Node.js. Cubre los detalles específicos de la creación de servicios TypeScript aislados utilizando el enfoque de monorepo con lerna y yarn workspaces. El masterclass incluye una descripción general y un ejercicio en vivo para crear un entorno en la nube con el framework Pulumi y los servicios de Azure. Las sesiones están dirigidas a los mejores desarrolladores que deseen aprender y practicar técnicas de construcción e implementación utilizando el stack Azure y Pulumi para Node.js.
Introducción al Aprendizaje Automático en la Nube
ML conf EU 2020ML conf EU 2020
146 min
Introducción al Aprendizaje Automático en la Nube
Workshop
Dmitry Soshnikov
Dmitry Soshnikov
Este masterclass será tanto una introducción suave al Aprendizaje Automático, como un ejercicio práctico de uso de la nube para entrenar modelos de aprendizaje automático simples y no tan simples. Comenzaremos utilizando ML Automático para entrenar el modelo para predecir la supervivencia en el Titanic, y luego pasaremos a tareas de aprendizaje automático más complejas como la optimización de hiperparámetros y la programación de series de experimentos en el clúster de cómputo. Finalmente, mostraré cómo Azure Machine Learning se puede utilizar para generar pinturas artificiales utilizando Redes Generativas Adversarias, y cómo entrenar un modelo de preguntas y respuestas de lenguaje en documentos de COVID para responder preguntas relacionadas con COVID.

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

¡De código a escala! Construye una aplicación web estática en minutos
JSNation Live 2020JSNation Live 2020
31 min
¡De código a escala! Construye una aplicación web estática en minutos
The Talk discusses the development of web applications and the challenges involved, such as code management, CI/CD, routing, security, and scalability. It explores the use of Azure Static Web Apps for building and deploying static web apps with features like authorization, authentication, and serverless technology. The process of creating a static web app on Azure Portal is demonstrated, along with resource creation, deployment, and custom domain setup. The Talk also covers API deployment, authentication, authorization, and role-based access control. Azure Static Web Apps is highlighted as a globally distributed solution for building web apps.
PoseDance: Construye un Entrenador de TikTok
JSNation Live 2020JSNation Live 2020
31 min
PoseDance: Construye un Entrenador de TikTok
In this Talk, Jen Looper introduces PoseDance, a TikTok trainer app that uses PoseNet for pose detection. She discusses the challenges of scoring and the potential for medical applications. Jen also mentions the use of Azure Functions and PlayFab for the app's backend and deployment. The Talk concludes with a code tour and an invitation for contributions to improve the scoring system.