Front End y Back End: Lab HTB Exposición de Datos Sensibles

Front End y Back End: ¿Qué Son y Por Qué Importan?

Oscar Romero
3 min readJun 27, 2024

--

Antes de sumergirnos en el laboratorio, es crucial entender los componentes que conforman una aplicación web:

1. Front End: Se refiere a la parte del sitio web con la que los usuarios interactúan directamente. Los principales lenguajes y tecnologías utilizados son:
— HTML: Lenguaje de marcado que estructura el contenido de la web.
— CSS: Lenguaje de hojas de estilo que define la presentación y diseño.
— JavaScript: Lenguaje de programación que añade interactividad y dinamismo a la página.

2. Back End: Comprende la parte del sitio que se encarga de la lógica, bases de datos y autenticación. Incluye:
— Servidores web: Manejan las solicitudes HTTP y responden con los recursos adecuados.
— Frameworks: Herramientas que simplifican el desarrollo de aplicaciones web, como Django, Ruby on Rails, y Express.
— Bases de datos: Sistemas que almacenan y gestionan los datos de la aplicación.

Importancia del Pentesting en Front End y Back End

El pentesting (o prueba de penetración) es esencial tanto en el front end como en el back end para asegurar la integridad y seguridad de una aplicación web. La exposición de datos sensibles es una de las vulnerabilidades más críticas que puede comprometer tanto a los usuarios como a la organización.

Sensitive data exposure se refiere a la disponibilidad de datos sensibles en texto claro para el usuario final, comúnmente encontrados en el código HTML de una página web. Por lo tanto, es fundamental revisar inicialmente el código fuente del sitio web que se está analizando.

Prevención de Vulnerabilidades

Para prevenir este tipo de vulnerabilidades, se deben seguir varias prácticas:

- Evitar incluir código o información adicional sensible en el código fuente del front end.
- Ofuscar el código JavaScript para dificultar la comprensión de su contenido por parte de atacantes.

Ejemplo Práctico: Exposición de Datos Sensibles

A continuación, se muestra un ejemplo paso a paso de cómo identificar y explotar una vulnerabilidad de exposición de datos sensibles.

**Questions:
+ 1 Check the above login form for exposed passwords.
Submit the password as the answer.**

Desarrollo Paso a Paso

1. Acceso a la URL Target
— Navegamos a la URL objetivo y verificamos que se abre un formulario de ingreso:

2. Revisión del Código Fuente
— Inspeccionamos el código fuente de la página web para buscar información sensible:

3. Identificación de Credenciales Expuestas
— En la línea 58, encontramos credenciales de prueba: `admin:HiddenInPlainSight`. Estas credenciales se ingresan como respuesta en el laboratorio:

Conclusión

Este ejercicio demuestra la importancia de validar y asegurar ambos componentes del front end y back end en una aplicación web. La exposición de datos sensibles es una amenaza real que puede ser explotada fácilmente si no se toman las precauciones adecuadas. La revisión del código fuente y la ofuscación de JavaScript son medidas esenciales para proteger la información sensible y garantizar la seguridad de los usuarios y la organización.

--

--