alternativasinteligentes/front-aisa repository overview

⁠ Frontend con Node⁠

Esta imagen contiene Node con vue y angular para crear o aplicar proyectos

⁠Variables de entorno admitidas

La carpeta del codigo de la aplicacion se debe montar en el path /app

Para angular ten encuenta que el puerto que expone el container es el 4200 Para vue ten encuenta que el puerto que expone el container es el 8080

⁠Ejemplo de uso:

Para iniciar un proyecto de frontend de angular, en la carpeta raiz del repositorio corre el siguiente comando:

docker run --name <container_name> -d -e "FRAMEWORK=angular" -e "PROJECT_NAME=<project_name>" -v $PWD/app:/app -p "4200:4200" alternativasinteligentes/front-aisa:node14-v1.0.0

Si deseas que el subdirectorio del codigo tenga otro nombre, por ej. que se llame source, cambia el volumen:

docker run --name <container_name> -d -e "FRAMEWORK=angular" -e "PROJECT_NAME=<project_name>" -v $PWD/source:/app -p "4200:4200" alternativasinteligentes/front-aisa:node14-latest

Para iniciar/correr un proyecto de vue, setea la variable FRAMEWORK con vue y mapea el puerto 8080 que es el utilizado por vue, por ej:

docker run --name <container_name> -d -e "FRAMEWORK=vue" -e "PROJECT_NAME=<project_name>" -v $PWD/source:/app -p "8080:8080" alternativasinteligentes/front-aisa:node14-latest

Tambies puedes correr con docker compose:

version: '3.5'
services:

  frontend-vue:
    image: alternativasinteligentes/front-aisa:node14-latest
    restart: always
    environment:
      - FRAMEWORK=vue
      - PROJECT_NAME=<project_name>
    ports:
      - 8080:8080
    volumes:
      - ./app:/app

Y ejecuta:

docker-compose up -d

Para visualizar localmente tu web de angular ejecuta :

docker exec -it <container_name> ng serve --host 0.0.0.0

Y en tu navegador ingresa a http://localhost:4200⁠ (o cambia el puerto que indicaste al container si mapeaste otro)

Para visualizar localmente tu web de vue ejecuta :

docker exec -it <container_name> vue serve

Y en tu navegador ingresa a http://localhost:8080⁠ (o cambia el puerto que indicaste al container si mapeaste otro)

CLI

Puedes ejecutar la cli tanto de angular como de vue:

docker exec -it <container_name> ng --help

docker exec -it <container_name> vue --help

Dependencias Si necesias reinstalar dependencias yarn o npm corre el siguiente comando luego que el container este iniciado:

docker exec -it <container_name> npm install

o

docker exec -it yarn install

Para conectarte a la consola del contenedor de tu app, ejecuta en tu terminal:

docker exec -it <container_name> sh