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

  • Artículo
  • Tiempo de lectura: 2 minutos

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 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.

  • La cuenta de Azure debe tener asignado un rol de colaborador de Cognitive Services a fin de que pueda aceptar los términos de IA responsable y crear un recurso. Póngase en contacto con el administrador para asignar este rol a su cuenta.

  • Debe crear sus primeros recursos de Face, servicio de lenguaje o Computer Vision desde Azure Portal para revisar y confirmar los términos y condiciones. Puede hacerlo aquí: Face, Servicio de lenguaje, Computer Vision. Después, puede crear recursos posteriores mediante cualquier herramienta de implementación (SDK, CLI, plantilla de ARM, etc.) en la misma suscripción de Azure.

Paso siguiente

Arquitectura de aplicación para una aplicación web estática con Computer Vision