DESPLIEGUE DE APLICACIONES WEB UD03.
SERVICIOS DE RED IMPLICADOS EN EL DESPLIEGUE DE UNA APLICACIÓN
Despliegue de aplicaciones web
HTTP + API Rest
Actualizado Octubre 2024
CFGS. DESARROLLO DE APLICACIONES WEB UD03 - PÁGINA 1.1
DESPLIEGUE DE APLICACIONES WEB UD03. SERVICIOS DE RED IMPLICADOS EN EL DESPLIEGUE DE UNA APLICACIÓN
Licencia
Reconocimiento – NoComercial - Compartir Igual (BY-NC-SA): No se permite un uso
comercial de la obra original ni de las posibles obras derivadas, la distribución de las cuales
se debe hacer con una licencia igual a la que regula la obra original.
Nomenclatura
A lo largo de este tema se utilizarán distintos símbolos para distinguir elementos importantes
dentro del contenido. Estos símbolos son:
📖 Importante
❕ Atención
💬 Interesante
CFGS. DESARROLLO DE APLICACIONES WEB UD03 - PÁGINA 1.2
DESPLIEGUE DE APLICACIONES WEB UD03. SERVICIOS DE RED IMPLICADOS EN EL DESPLIEGUE DE UNA APLICACIÓN
ÍNDICE DE CONTENIDO
1. Introducción 4
2.1 Probando un API 8
UD03. SERVICIOS DE RED IMPLICADOS EN EL DESPLIEGUE DE UNA APLICACIÓN
CFGS. DESARROLLO DE APLICACIONES WEB UD03 - PÁGINA 1.3
DESPLIEGUE DE APLICACIONES WEB UD03. SERVICIOS DE RED IMPLICADOS EN EL DESPLIEGUE DE UNA APLICACIÓN
1. INTRODUCCIÓN
Vamos a realizar algunas pruebas prácticas de HTTP una vez hayas visto la teoría.
Hemos comentado que TODAS las peticiones relacionadas con la web se realizan a través de HTTP,
bien sea:
● Obtener la página web principal de [Link]
● Enviar un formulario de registro.
● Obtener más productos cuando hacemos scroll en un listado.
● Eliminar un producto de la cesta del carrito.
● Modificar los datos personales de tu cuenta de usuario.
● etc.
En todas estas acciones hay detrás una petición HTTP y puede ser que se realicen hacia un API Rest
o no.
Por ejemplo, si abres un sitio web (cualquiera), y visualizas las peticiones de red que hay detrás,
comprobarás que TODAS son peticiones HTTP:
CFGS. DESARROLLO DE APLICACIONES WEB UD03 - PÁGINA 1.4
DESPLIEGUE DE APLICACIONES WEB UD03. SERVICIOS DE RED IMPLICADOS EN EL DESPLIEGUE DE UNA APLICACIÓN
Y si vemos una en detalle, veremos cómo efectivamente hay información que hemos explicado en
teoría.
● Tenemos la URL a la que se ha realizado la petición.
● El tipo de método utilizado.
● El código de estado con su mensaje.
● Las cabeceras de la petición y de la respuesta.
CFGS. DESARROLLO DE APLICACIONES WEB UD03 - PÁGINA 1.5
DESPLIEGUE DE APLICACIONES WEB UD03. SERVICIOS DE RED IMPLICADOS EN EL DESPLIEGUE DE UNA APLICACIÓN
Aquí tenemos por ejemplo, una petición POST que corresponde a la acción LOGIN de Aules, al
final, he rellenado un formulario y he enviado los datos al hacer click en “Iniciar sesión”.
Vemos que por ejemplo el servicio de login de aules envía los datos en formato JSON y que esta
petición se responde también con datos en formato JSON:
CFGS. DESARROLLO DE APLICACIONES WEB UD03 - PÁGINA 1.6
DESPLIEGUE DE APLICACIONES WEB UD03. SERVICIOS DE RED IMPLICADOS EN EL DESPLIEGUE DE UNA APLICACIÓN
2. API REST
Las API Rest forman parte del backend y serán servicios que se utilizarán desde el Front-End, por lo
tanto, Frontend y Backend se tendrán que comunicar en algún momento. Es decir, el FrontEnd
realizará peticiones HTTP a esa API.
¿Pero cómo debo programar las peticiones desde el FrontEnd al BackEnd? dependerá de cómo
esté programado cada servicio. Por lo tanto, como vimos en la unidad anterior las llamadas a un
API se tienen que documentar para que desde el FrontEnd se sepa cómo realizar las llamadas:
● Qué recursos (urls) están disponibles.
● Qué tipo de método (GET, POST…).
● Si una URL acepta parámetros y qué parámetros.
● Qué formato de datos tengo que enviar en el cuerpo de un POST y qué datos tengo que
enviar.
● etc.
¿Cómo puedo probar un API?, lo más habitual cuando se está desarrollando un API es probar cada
llamada y verificar que funciona o una vez desarrollado quizá los desarrolladores FrontEnd quieran
probarlo antes de programar las llamadas en el código.
Para hacer esto, no es necesario tener ya un FrontEnd creado y funcionando, si no que existen
herramientas para realizar peticiones HTTP, por ejemplo: POSTMAN (nosotros vamos a trabajar
con esta herramienta, pero puedes utilizar otra si te gusta más).
Descarga e instala la herramienta:
CFGS. DESARROLLO DE APLICACIONES WEB UD03 - PÁGINA 1.7
DESPLIEGUE DE APLICACIONES WEB UD03. SERVICIOS DE RED IMPLICADOS EN EL DESPLIEGUE DE UNA APLICACIÓN
2.1 Probando un API
Vamos a probar la siguiente API: [Link]
GET
Vamos a realizar un GET a este recurso. Este API no
ofrece una gran documentación, pero es suficiente
para probarlo. Como vemos nos indica el código de
javascript para añadirlo a nuestro FrontEnd, pero
como queremos probar el servicio antes de
programarlo, vamos a utilizar Postman. Este es un
servicio GET básico sin ninguna información adicional que añadir (parámetros, cabeceras, etc…)
Como vemos, nos habrá devuelto un JSON con los datos que me indicaba la documentación, si te
fijas vienen en formato JSON, eso significa que en las cabeceras de respuesta debe estar la opción
Content-type: application/json
CFGS. DESARROLLO DE APLICACIONES WEB UD03 - PÁGINA 1.8
DESPLIEGUE DE APLICACIONES WEB UD03. SERVICIOS DE RED IMPLICADOS EN EL DESPLIEGUE DE UNA APLICACIÓN
GET
Vamos a realizar un GET a este recurso, en este caso sí
se puede enviar un parámetro, que corresponde al ID
del elemento que queremos obtener:
Como vemos, obtiene únicamente el elemento que
hemos solicitado en el parámetro.
Puedes probar a meter un ID que no exista:
POST
Vamos a realizar un POST a este recurso.
Aquí ya cambia un poco la cosa ya que
tengo que enviar en el cuerpo de la petición
los datos que quiero crear, según esta
documentación, tengo que enviar un JSON
con la siguiente forma:
Vamos a realizarlo en POSTMAN:
Cambiamos el tipo de petición a POST
CFGS. DESARROLLO DE APLICACIONES WEB UD03 - PÁGINA 1.9
DESPLIEGUE DE APLICACIONES WEB UD03. SERVICIOS DE RED IMPLICADOS EN EL DESPLIEGUE DE UNA APLICACIÓN
Accedemos a “Body” ya que
tenemos que enviar en el
cuerpo de la petición (y no en
la URL, que es diferente) los
datos que queremos crear. Como vemos POSTMAN no me ofrece el tipo JSON en esas opciones,
tienes que acceder a “raw” y elegir JSON:
Ahora ya podrás poner el JSON con los datos que quieras crear:
Si enviamos vemos que se habrá creado correctamente y la respuesta de esta petición
simplemente me devuelve los datos que le he enviado más el ID que me ha asignado a mi POST,
por lo tanto, podríamos probar a obtener ese post y ver que se ha creado efectivamente en el
sistema (No funcionará ya que es un API de prueba, en una API real sí):
Ahora te invito a que pruebes el resto de llamas de esta API de prueba, realiza algún PUT o DELETE.
CFGS. DESARROLLO DE APLICACIONES WEB UD03 - PÁGINA 1.10
DESPLIEGUE DE APLICACIONES WEB UD03. SERVICIOS DE RED IMPLICADOS EN EL DESPLIEGUE DE UNA APLICACIÓN
3. BIBLIOGRAFÍA
[1] Despliegue de aplicaciones web – Javier Muñoz Carmona. Ed. Síntesis.
[2] [Link]
[3] [Link]
[4] [Link]
[5][Link]
ual-y-maquina-host-en-virtualbox
[6] Desplegament d’aplicacions web. Institut Obert de Catalunya
4. AUTORES (EN ORDEN ALFABÉTICO)
A continuación ofrecemos en orden alfabético el listado de autores que han hecho aportaciones a
este documento.
● David Folgado De la Rosa
● Miguel Mira Flor
CFGS. DESARROLLO DE APLICACIONES WEB UD03 - PÁGINA 1.11