Desarrollo de Aplicaciones Web Avanzado

Dpto. de TDG Pág. 1

Desarrollo de Aplicaciones Web Avanzado

Laboratorio 2: Sitio Web con Express

Alumno(s): Nilton Palian Vela Nota

Grupo: Ciclo: V
Requiere No
Excelente Bueno Puntaje
Criterio de Evaluación mejora acept.
(5pts) (4pts) Logrado
(3pts) (1pts)
Uso de características del Framewok Express
Diseño de la aplicación
Desarrollo y funcionamiento de la aplicación
Comunicación oral y escrita

Objetivos:
Al finalizar el laboratorio el estudiante será capaz de:
 Entender el funcionamiento de los middlewares.
 Desarrollar aplicaciones web con el framework Express.
 Resolución de problemas en Javascript.

Seguridad:

 Ubicar maletines y/o mochilas en el gabinete del aula de Laboratorio.

 No ingresar con líquidos, ni comida al aula de Laboratorio.
 Al culminar la sesión de laboratorio apagar correctamente la computadora y la pantalla, y
ordenar las sillas utilizadas.

Equipos y Materiales:

 Una computadora con:

 Windows 7 o superior
 Conexión a la red del laboratorio
 Instalador de node.js

Procedimiento:

Implementando la estructura del proyecto

Poder terminar los componentes user y story

Adjunto foto del controller, network, index.js y de POSTMAN

User:

Dpto. de TDG Pág. 2

Desarrollo de Aplicaciones Web Avanzado

Index.js

const express = require("express");

const bodyParser = require("body-parser");
const controller = require("./src/controller");

const app = express();

app.use(bodyParser.urlencoded({extended:false}));
app.use(bodyParser.json());

app.use("/src/controller", controller);

app.listen(3000, {} , console.log("Conectado"));

Controller.js

const db = require("../models");
const express = require("express");
const req = require("express/lib/request");
const res = require("express/lib/response");
const router = express.Router();

router.get("/", (req, res) => {

    res.send("Hola");
});

router.post('/new', async (req, res) => {

    let name = req.body.name;
    let lastname = req.body.lastname;
    let email = req.body.email;
    let password = req.body.password;

    try{
        await db.User.create({
            name,
            lastname,

Dpto. de TDG Pág. 3

Desarrollo de Aplicaciones Web Avanzado

            email,
            password,
        });
        res.status(200).send("Usuario creado");
    } catch (error){
        res.status(400).send("No se creo usuario");
    }
});

router.get("/all", async (req, res) =>{

    try{
        let users = await db.User.findAll();
        res.status(200).send(users);
    } catch (error){
        res.status(400).send("No se encontro usuarios");
    }
});

router.get("/:id", async (req, res) =>{

    try{
        let id = req.params.id;
        let users = await db.User.findByPk(id);
        res.status(200).send(users);
    } catch (error){
        res.status(400).send("No se encontro usuario");
    }
});

router.put("/:id", async (req, res) =>{

    try{
        let id = req.params.id;
        let {name, lastname, email, password} = req.body;
        await db.User.update(
            {name, lastname, email, password},
            {
                where: {
                    id,
                },
            }
            );
            res.status(200).send("Usuario actualizado");
    } catch (error){
        res.status(400).send("No se actualizo usuario");
    }
});

router.delete("/:id", async (req, res) =>{

    try{
        let id = req.params.id;

Dpto. de TDG Pág. 4

Desarrollo de Aplicaciones Web Avanzado

        await db.User.destroy(
            {
                where: {
                    id,
                },
            }
            );
            res.status(200).send("Usuario eliminado");
    } catch (error){
        res.status(400).send("No se elimino usuario");
    }
});

module.exports = router;

Registrar

Mostrar usuarios

Dpto. de TDG Pág. 5

Desarrollo de Aplicaciones Web Avanzado

Buscar usuario por ID

Actualizar

Dpto. de TDG Pág. 6

Desarrollo de Aplicaciones Web Avanzado

Eliminar usuario

Dpto. de TDG Pág. 7

Desarrollo de Aplicaciones Web Avanzado

Story

Dpto. de TDG Pág. 8

Desarrollo de Aplicaciones Web Avanzado

Conclusiones:

Indicar las conclusiones que llegó después de los temas tratados de manera práctica en este
laboratorio.

- El mundo de Javascript en la parte servidora avanza imparable, y uno de los

principales causantes es su capacidad para servir contenidos en el mundo del
HTTP, bien como páginas web o bien como servicios REST, tan de moda
últimamente.

- El paquete express-generator es una utilidad que proporciona una

herramienta de línea de comandos que puede usar para montar nuestro
proyecto, como crear una estructura de carpetas repetitiva, archivos y código.

Dpto. de TDG Pág. 9