Instalación de la Interfaz de Usuario
Paso 1: Clonar el Repositorio del Frontend
Clonar el Repositorio:
Navega al directorio donde deseas clonar el proyecto y ejecuta:
git clone https://bitbucket/technisupport3/front-zona-franca.git
cd front-zona-franca
Paso 2: Instalar Dependencias
Instalar Node.js y npm:
Asegúrate de tener Node.js y npm instalados en tu sistema. Si no los tienes, puedes descargarlos e instalarlos desde Node.js.Instalar las Dependencias del Proyecto:
npm install
Paso 3: Configuración del Archivo de Entorno
Crear el Archivo .env:
Copia el archivo .env.example
a
y configúralo con las variables de entorno necesarias para tu entorno de desarrollo o producción.
Paso 4: Ejecutar el Proyecto
Ejecutar el Proyecto en Modo Desarrollo:
Construir el Proyecto para Producción:
El proyecto generado estará en la carpeta build y puede ser servido utilizando un servidor web como Nginx o Apache.
Paso 5: Despliegue en un Servidor Web
Configurar un Servidor Web (Ejemplo con Nginx):
Instala Nginx en tu servidor:
Configura Nginx para servir la aplicación React desde la carpeta build. Un ejemplo de configuración de Nginx puede ser:
Reiniciar Nginx para aplicar los cambios:
Este manual cubre los pasos necesarios para la instalación y configuración del proyecto E-Franco 4.0 en los diferentes ambientes.