Instalación y configuración

Instalación y configuración

Clonar el repositorio

Para comenzar, clona el repositorio de la WebApp de forma local:

git clone https://github.com/awaretools/WebApp-IntrusionAware

Configuración del Frontend

1. Accede al directorio del frontend:

   cd FrontEndv

2. Instala las dependencias necesarias:

   npm install

   Configuración del Backend

   1. Sal del directorio del frontend y accede al backend:

      cd ../BackEnd
   2. Crea y activa un entorno virtual:

      python -m venv venv
      source venv/bin/activate  # En Linux/Mac
      venv\Scripts\activate     # En Windows
   3. Instala las dependencias requeridas:

      pip install -r requirements.txt

Configuración de credenciales

Debes agregar las credenciales necesarias en el archivo BackEnd/include/credentials.json:

{
  "user": "",
  "pass": ""
}

Iniciar servidores

Para ejecutar la aplicación, inicia el backend y el frontend en sesiones separadas:

Iniciar el Backend

cd BackEnd
python server.py

Iniciar el Frontend

cd FrontEndv
npm run dev

---

Estructura de directorios

WebApp-IntrusionAware
├── BackEnd
│   ├── Dockerfile
│   ├── cache
│        └── default.png
│   ├── include
│        └── credentials.json
│   ├── .env
│   ├── config.py
│   ├── intrusion_agent.py
│   ├── README.md
│   ├── requirements.txt
│   ├── server.py
│   └── set_cookie.py
├── FrontEnd
│   ├── certs
│        ├── cert.pem
│        ├── create_certs.sh
│        └── key.pem
│   ├── public
│        ├── images
│        │   └── logo.png
│        └── scripts
│            ├── Agent.js
│            ├── Agent.Things.js
│            ├── Events.js
│            ├── QuickLogin.css
│            └── QuickLogin.js
│   ├── src
│        ├── assets
│            ├── icons
│                 ├── magnifier.svg
│                 ├── tag.svg
│                 └── target.svg
│            └── images
│                 ├── background.jpeg
│                 ├── logo.png
│                 └── no-image.svg
│        ├── client
│            └── hosts.ts
│        ├── components
│            ├── ErrorDialog.tsx
│            ├── Footer.tsx
│            ├── Layout.tsx
│            ├── LoadingOverlay.tsx
│            ├── Sidebar.tsx
│            └── Topbar.tsx
│        ├── data
│            ├── attack_binary.json
│            └── attack_type.json
│        ├── hooks
│            ├── types.ts
│            └── useAuth.ts
│        ├── interfaces
│            └── readout.ts
│        ├── store
│            └── constants.ts
│        ├── types
│            ├── agent-api.d.ts
│            ├── events.d.ts
│            └── quick-login.d.ts
│        ├── util
│            └── util.ts
│        ├── views
│            ├── Account
│                 └── Account.tsx
│            ├── Hosts
│                 ├── components
│                 │   ├── DeviceDialog.tsx
│                 │   ├── DeviceInfoDialog.tsx
│                 │   ├── DeviceNewHostDialog.tsx
│                 │   ├── HostCard.tsx
│                 │   ├── HostDetailsDialog.tsx
│                 │   ├── HostList.tsx
│                 │   └── QRDialog.tsx
│                 ├── utils
│                 │   └── expirationDate.ts
│                 └── Hosts.tsx
│            ├── Login
│                 ├── Login.tsx
│                 └── quickLoginListen.ts
│            ├── Overview
│                 ├── Login.tsx
│                 └── quickLoginListen.ts
│            └── routes.tsx
│        ├── App.css
│        ├── App.tsx
│        ├── index.css
│        ├── main.tsx
│        └── vite-env.d.ts
│   ├── tests
│   ├── .env
│   ├── .gitignore
│   ├── Dockerfile
│   ├── index.html
│   ├── README.md
├── .env
├── .gitignore
├── docker-compose.yaml
├── README.md
└── version