Diseño de aplicaciones web y

móviles - IMPLEMENTANDO
API’S REST CON EXPRESS
TEL -355 Primer semestre 2023 Campus San Joaquín
Victor H. Garay Sáez.
MODELO CLIENTE-SERVIDOR (Recordatorio)
• El (los) cliente(s) se comunican con el servidor a través del protocolo http, que es
el lenguaje en común entre ambos.
• Para poder servir las peticiones, el servidor dispone servicios que estarán
encargados de realizar ciertas lógicas de negocio para devolver resultados.
• Aquí es donde aparece el concepto de REST (Representational State Transfer).
• Básicamente REST es una convención para construir servicios basados en http.
CRUD
• Create (crear): esta operación se utiliza para crear nuevos registros o entradas en la base de datos
o sistema. Por ejemplo, si se está utilizando una aplicación para gestionar una lista de contactos,
la operación "crear" se utilizaría para agregar un nuevo contacto a la lista.

• Read (leer): esta operación se utiliza para leer o consultar los datos existentes en la base de datos
o sistema. Por ejemplo, en la misma aplicación de la lista de contactos, la operación "leer" se
utilizaría para ver todos los contactos existentes en la lista.

• Update (actualizar): esta operación se utiliza para actualizar o modificar datos existentes en la
base de datos o sistema. Por ejemplo, si se necesita cambiar el número de teléfono de un
contacto en la lista, se utilizaría la operación "actualizar" para hacer ese cambio.

• Delete (borrar): esta operación se utiliza para eliminar registros o entradas de la base de datos o
sistema. Por ejemplo, si se necesita eliminar un contacto de la lista, se utilizaría la operación
"borrar" para eliminar ese registro.
CRUD
• Estas operaciones se materializan a través de los verbos Http.
• REST propone una estandarización para el manejo de las peticiones, sus formatos
y las operaciones permitidas.
• Estas tienen un formato establecido como se presenta a continuación:
HTTP METHODS (VERBOS HTTP)
• Create (crear): el verbo HTTP POST se utiliza para crear un nuevo recurso en el servidor. Por ejemplo, si
se está trabajando con una aplicación web que permite a los usuarios crear publicaciones, se utilizaría
el verbo HTTP POST para enviar la información de la nueva publicación al servidor y crearla en la base
de datos.

• Read (leer): el verbo HTTP GET se utiliza para obtener información de un recurso en el servidor. Por
ejemplo, si se está trabajando con la misma aplicación de publicaciones, se utilizaría el verbo HTTP GET
para obtener la información de una publicación existente y mostrarla en pantalla.

• Update (actualizar): el verbo HTTP PUT o PATCH se utiliza para actualizar un recurso en el servidor. Por
ejemplo, si se necesita cambiar el contenido de una publicación existente, se utilizaría el verbo HTTP
PUT o PATCH para enviar la información actualizada al servidor y actualizarla en la base de datos.

• Delete (borrar): el verbo HTTP DELETE se utiliza para eliminar un recurso en el servidor. Por ejemplo, si
se necesita eliminar una publicación existente, se utilizaría el verbo HTTP DELETE para enviar la
solicitud al servidor y eliminarla de la base de datos.
GET CUSTOMERS
• Request
GET /api/customers

• Respuesta
[
{ id: 1, name: ‘Dave’ },
{ id: 2, name: ‘Roald’ },
{ id: 3, name: ‘Matilda’ },
…
]
GET CUSTOMER (A PARTIR DE UN ID)
• Request
GET /api/customers/1

• Respuesta
{ id: 1, name: ‘Dave’ }
PUT CUSTOMER (A PARTIR DE UN ID)
• Request
PUT /api/customers/3
{ name: ‘Sophie’ }

• Respuesta
{ id: 3, name: ‘Sophie’ }
DELETE CUSTOMER (A PARTIR DE UN ID )
• Request
DELETE /api/customers/1
{ name: ‘Dave’ }

• Respuesta
{ status: ‘OK’ }
CREATE CUSTOMER
• Request
POST /api/customers
{ name: ‘Frijolito’ }
• Respuesta
{ status: ‘OK’ }
CREANDO UNA API REST USANDO EXPRESS
• Express es la librería más conocida y usada al momento de crear servicios en
node.
• Permite levantar un servidor y disponibilizar API’s rápidamente.

• Para instalar en consola se ejecuta.

npm install express --save

CREANDO UNA API REST USANDO EXPRESS
• Y para levantar un servidor se ejecuta.

const express = require('express')

const app = express()
app.listen(3001, function (){
console.log(La aplicación está funcionando en puerto
3001')
})

// donde 3001 es el puerto a utilizar, siempre hay que verificar que se use uno
disponible
CREANDO UNA API REST USANDO EXPRESS
• La función get permite disponibilizar en endpoint que acepta peticiones get. El
primer argumento hace referencia al path, en este caso, el path es la raíz. Cuando
se hace un request a la api, responde con un string en texto.
const express = require('express’)
const { response } = require('express’)

const app = express()

app.get('/', function (request, response) {
response.send(‘Hola, Mundo; HOY DESDE API REST’)
})
app.listen(3001, function (){
console.log(La aplicación está funcionando en puerto 3001’)
})
Fin clase 04
Gracias por su asistencia.

¿Dudas, consultas…?