Saltar al contenido

Despliega tu sitio de Astro en Azion

Puedes desplegar tu proyecto de Astro en Azion, una plataforma para que los desarrolladores de frontend colaboren y desplieguen sitios web estáticos (JAMstack) y SSR.

Requisitos previos

Sección titulada “Requisitos previos”

Para empezar, necesitarás:

  • Una cuenta de Azion. Si no tienes una, puedes registrarte para obtener una cuenta gratuita.
  • El código de tu aplicación almacenado en un repositorio de GitHub.
  • La Azion CLI instalada para una configuración y despliegue del proyecto más rápidos.

Cómo desplegar a través del panel de control de Azion Console

Sección titulada “Cómo desplegar a través del panel de control de Azion Console”

Para comenzar a compilar, sigue estos pasos:

  1. Accede a Azion Console.
  2. On the homepage, click the + Create button.
    • Esto abre un modal con las opciones para crear nuevas aplicaciones y recursos.
  3. Select the Import from GitHub option and click the card.
    • Esta acción abre la página de configuración.
  4. Connect your Azion account with GitHub.
    • Aparecerá una ventana emergente solicitando autorización.
  5. Selecciona el repositorio que deseas importar desde GitHub.
  6. Configure the build settings:
    • Preajuste del framework: Selecciona el framework adecuado (por ejemplo, Astro).
    • Directorio raíz: Se refiere al directorio en el que se encuentra tu código. Tu código debe estar ubicado en el directorio raíz, no en un subdirectorio. En este campo aparece un símbolo ./, que indica que es un directorio raíz.
    • Comando de instalación: El comando que compila tu configuración para construir para producción. Los comandos de compilación se ejecutan a través de scripts. Por ejemplo: npm run build o npm install para un paquete de NPM.
  7. Haz clic en Save and Deploy (Guardar y Desplegar).
  8. Monitorea el despliegue utilizando Azion Real-Time Metrics y verifica que tu sitio esté activo en el edge.

Cómo desplegar un sitio estático utilizando la Azion CLI

Sección titulada “Cómo desplegar un sitio estático utilizando la Azion CLI”

  1. Install the Azion CLI:

    • Descarga e instala la Azion CLI para facilitar la gestión y el despliegue.

  2. Authenticate the CLI:

    • Ejecuta el siguiente comando para autenticar tu CLI con tu cuenta de Azion.
    Ventana de la terminal
    azion login

  3. Set Up Your Application:

    • Utiliza los siguientes comandos para inicializar y configurar tu proyecto:
    Ventana de la terminal
    azion init

  4. Build Your Astro Project:

    • Ejecuta tu comando de compilación localmente:
    Ventana de la terminal
    azion build

  5. Deploy Your Static Files:

    • Despliega tus archivos estáticos utilizando la Azion CLI:
    Ventana de la terminal
    azion deploy

Esta guía proporciona una descripción general del despliegue de aplicaciones estáticas.

Habilitar el desarrollo local utilizando la Azion CLI

Sección titulada “Habilitar el desarrollo local utilizando la Azion CLI”

Para que funcione la vista previa, debes ejecutar el siguiente comando:

Ventana de la terminal
azion dev

Una vez inicializado el servidor de desarrollo local, la aplicación pasa por el proceso de compilación (build).

Ventana de la terminal
Building your Edge Application. This process may take a few minutes
Running build step command:
...

Luego, cuando se complete la compilación, se solicitará el acceso a la aplicación:

Ventana de la terminal
[Azion Bundler] [Server] › ✔  success   Function running on port http://localhost:3000

Resolución de problemas

Sección titulada “Resolución de problemas”

APIs de entorno de ejecución de Node.js

Sección titulada “APIs del entorno de ejecución de Node.js”

Un proyecto que utiliza un paquete de NPM no se puede compilar con un mensaje de error como [Error] Could not resolve "XXXX". The package "XXXX" wasn't found on the file system but is built into node.:

Esto significa que un paquete o importación que estás utilizando no es compatible con las APIs de entorno de ejecución de Azion.

Si estás importando directamente una API del entorno de ejecución de Node.js, consulta la compatibilidad de Node.js con Azion para obtener más información sobre cómo solucionar esto.

Si estás importando un paquete que importa una API del entorno de ejecución de Node.js, consulta con el autor del paquete si es compatible con la sintaxis de importación node:*. Si no es así, es posible que debas buscar un paquete alternativo.

Más guías de implementación

Contribuir Comunidad Patrocinar