1. Compilación e implementación de una aplicación web estática en Azure

En este tutorial va a compilar e implementar localmente una aplicación cliente de React/TypeScript en una aplicación web estática de Azure con una acción de GitHub. La aplicación de React le permite analizar una imagen con Computer Vision de Cognitive Services.

Creación o uso de una suscripción de Azure existente

Necesitará una cuenta de usuario de Azure con una suscripción activa. cree una de forma gratuita.

Requisitos previos

  • Node.js y npm: instalados en la máquina local.

  • Visual Studio Code: instalado en la máquina local.

    • Azure Static Web Apps: se usa para implementar la aplicación de React en la aplicación web estática de Azure.
  • Git: se usa para insertar en GitHub, lo que activa la acción de GitHub.

  • Cuenta de GitHub: para crear una bifurcación e insertar en un repositorio.

  • Use Azure Cloud Shell con el entorno de Bash.

    Insertar inicio

  • Si lo prefiere, instale la CLI de Azure para ejecutar sus comandos de referencia.

    • Si usa una instalación local, inicie sesión con la CLI de Azure mediante el comando az login. Siga los pasos que se muestran en el terminal para completar el proceso de autenticación. Para ver otras opciones de inicio de sesión, consulte Inicio de sesión con la CLI de Azure.
    • Cuando se le solicite, instale las extensiones de la CLI de Azure la primera vez que la use. Para más información, consulte Uso de extensiones con la CLI de Azure.
    • Ejecute az version para buscar cuál es la versión y las bibliotecas dependientes que están instaladas. Para realizar la actualización a la versión más reciente, ejecute az upgrade.

Paso siguiente