Ir al artículo
Aniq-UI

Web Design AgencyEjecuta el sitio en local

Ejecuta el sitio en local

Pon el sitio en marcha en tu ordenador con dos comandos de Docker.

Antes de empezar: instala y abre Docker Desktop, o Docker Engine en Linux. No necesitas nada más.

Ver los requisitos
  1. Descarga la plantilla

    Abre la página de la plantilla en aniq-ui.com y pulsa Obtener Gratis. Escribe tu correo y tu nombre y pulsa Reclamar. La plantilla se añade a Mis plantillas en tu panel, donde descargas el ZIP.

    Resultado esperado: En tus descargas hay un archivo con un nombre como landing-page-template-1-main-….zip.

  2. Descomprime y abre la carpeta

    Extrae el ZIP y abre una terminal en la carpeta landing-page-template-1. En Windows, extráelo en el Explorador de archivos y luego abre una terminal en la carpeta.

    Terminal
    unzip landing-page-template-1-*.zip
    cd landing-page-template-1

    Resultado esperado: La carpeta muestra Dockerfile, package.json, messages, public y src.

    ¿Tienes problemas?
  3. Construye la imagen

    Esto instala las dependencias y crea una compilación de producción dentro de Docker. No hay que configurar nada antes. La primera construcción tarda unos minutos; las siguientes reutilizan lo que no ha cambiado.

    Terminalen landing-page-template-1
    docker build -t agency-portfolio .

    Resultado esperado: La construcción termina sin errores y la imagen se llama agency-portfolio.

    ¿Tienes problemas?
  4. Inicia el sitio

    Ejecuta la imagen. El sitio escucha en el puerto 3030.

    Terminalen landing-page-template-1
    docker run -p 3030:3030 agency-portfolio

    ¿Un puerto ya está en uso?

    Si Docker responde port is already allocated o address already in use, otro programa usa el puerto 3030. Detenlo, o cambia el número a la izquierda de -p, por ejemplo docker run -p 3041:3030 agency-portfolio, y abre localhost:3041Local en su lugar.

    Un puerto ya está en uso

    Resultado esperado: localhost:3030Local abre la página. /en es la página en inglés y /ar la página en árabe, de derecha a izquierda.

    ¿Tienes problemas?

Haz un recorrido

Así se ve la página cuando está en marcha.

Detén e inicia de nuevo

Pulsa Ctrl+C en la terminal para detener el sitio. Si la terminal no responde, busca el contenedor desde otra terminal y detenlo con su ID:

Terminal
docker ps
docker stop <container-id>

Vuelve a iniciarlo con el mismo comando docker run: la imagen ya está construida.

¿Has cambiado un archivo?

La imagen guarda una copia del código del momento en que se construyó. Después de cambiar un texto, una imagen o el código, vuelve a ejecutar docker build -t agency-portfolio . antes de docker run.

Siguiente

¿Te atascaste en un paso?

Busca una solución antes de empezar de nuevo.

Solución de problemas

Preferencias de Cookies

Utilizamos cookies para mejorar tu experiencia de navegación, analizar el tráfico del sitio y personalizar el contenido. Al hacer clic en "Aceptar Todo", consientes nuestro uso de cookies para análisis y publicidad personalizada.