Está en la página 1de 6

He desarrollado una aplicación web utilizando las siguientes tecnologías:

 HTML
 CSS
 JAVASCRIPT
 VUE
 NODE.JS
 EXPRESS.JS

La aplicación consiste en una pagina web dividida en 2 partes, Frontend y Backend.

Esta primera imagen muestra la aplicación funcionando solo la parte Frontend en el


http://localhost:8080/ por lo tanto es una aplicación local, la cual es la parte visual o para ser más
técnicos la parte del cliente. En esa imagen no esta funcionando la parte Backend por lo tanto la
pagina no esta funcionando en su totalidad o está incompleta.
En esta otra imagen nos muestra el puerto local donde corre la parte Backend o servidor en el
http://localhost:3000/api/articulo/list, esta dirección nos debería mostrar un lista de artículos que
deben estar registrados en la base de datos del servidor, solo que el servidor no esta corriendo.

En eta imagen podemos ver que ya esta corriendo el servidor por lo tanto nuestro puerto local ya
debe estar funcionando.

Como pueden ver acá ya esta corriendo y por lo tanto nos esta listando nuestros artículos
registrados en nuestra base de datos, cabe aclarar que mi aplicación cuenta con una base de datos
remota(alojada en internet) y pese a que mi aplicación es local es capaz de consumir esa base de
datos atravez de conexión a internet.
Ahora si actualizamos nuestra parte del Frontend empieza a consumir los productos de mi propio
servidor, esto en la programación es llamado como consumo de API REST.
En estas últimas 2 imágenes se puede apreciar un botón LOGIN que no redirige a un inicio de
sesión, el usuario registrado que inicie sesión va a poder tener acceso a sus datos personales y si
es de tipo administrador podrá agregar, editar y eliminar los artículos en la parte Backend o
servidor.

Fuzing
Ya entrando en materia y luego de exponer todo lo que conlleva la aplicación acá les dejo un
pantallazo de toda la codificación y organización del proyecto.

Ahora desplegamos la carpeta test y nos encontramos con 4 archivos de prueba.


Estas pruebas son todas automatizadas y lo que buscan es garantizar el buen funcionamiento de
software y la prevención de ataques.

Arituculo.test.js es un archivo de pruebas automatizadas que verifica que solo los usuarios con rol
administrador puedan eliminar, crear y actualizar artículos. En caso de que el usuario no sea
administrador solo podrá ver los artículos, en pocas palabras loa artículos solo serán de lectura.
Login.test.js es un archivo que se encarga de verificar el inicio de sesión de un usuario, es decir que
cuando alguien ingresa los datos de inicio de sesión este verifica que esos datos si estén
registrados en la base de datos de la aplicación y en caso de ser cierto pueda iniciar sesión y de lo
contrario que arroje un error.

También podría gustarte