Aprovecha el precio especial.

Antes:$249

Currency
$209

Paga en 4 cuotas sin intereses

Paga en 4 cuotas sin intereses
Suscríbete

Termina en:

14d

14h

30m

54s

3

Manejos de APIs con express para todo publico

Las APIs(application programming interface) son un apartado super importante para el desarrollo de aplicaciones de todo tipo por ser prácticamente la conexión del front-end con el back-end desde una simple aplicación para hacer citas hasta el desarrollo de una IA, ¡pero esto es una guía para todo el publico así que vamos al grano!

Hay muchas maneras de manejar una API, unas mas sencillas que otras, eso depende mucho del framework o librería que uses para ello pero no entraremos en mucho rodeo porque esta pagina se podría tener demasiado scroll así que vamos directo con express.

¡Express es un framework bastante sencillo de usar, tan simple es que con 10 lineas puedes tener una API completamente funcional!

Captura de Pantalla 2023-04-28 a la(s) 21.45.55.png
Captura de Pantalla 2023-04-28 a la(s) 21.50.43.png

Pero obviamente, express no viene instalado por defecto en tu maquina, así que tenemos que instalarlo como una dependencia con

yarn add express o npm install express

Supongo, que te preguntaras que pasan esas 10 lineas de codigo para poder tener una API. comenzado con las lineas 3-5 pasan cosas muy importantes

// importamos expressconst express = require("express");
// Iniciamos aplicación ejecutando nuestro "import"const app = express();
// Y declaramos el puertoconst port = 3000;

Con ello ya tenemos la base de nuestra app hecha, haciendo una comparación vaga vienen siendo las patas de una mesa, ahora vamos con la tabla de arriba de las patas de la mesa… No sé como se llama xd

Nuestra API debe de poder responder al usuario que hace una petición de una manera u otra, así que debemos de usar los aclamados metodos

Captura de Pantalla 2023-04-28 a la(s) 22.14.09.png

Como puedes ver ahora, tengo 2 veces app pero con diferentes metodos, en este caso post y get comenzado con post, podemos ver como he implementado 2 nuevas variables: b y user; “b” es nuestro body, el “body” es la manera por la cual se pasa información a las API, este tiene que ser enviado como un JSON(Javascript Object Notation) o un string, esta información la puedes manejar a tu necesidad dentro de la API para hacer un uso correcto de ella, en este caso crear un usuario; La siguiente es get, en este caso estaos recibiendo una ruta dinamica la cual obtenemos el valor ID para obtener un usuario en concreto.

Pero vamos a algo mas complicado, que te parece patch?
Captura de Pantalla 2023-04-28 a la(s) 23.16.44.png

parece algo muy confuso, pero lo único que pasa aquí es que el código cambiara un valor en concreto, no te muestro la lógica detrás de la funciones imaginarias porque ocuparía un monitor mas grande para que salga en una ss, ademas de ello en este endpoint hacemos comprobaciones para ver si recibimos información correcta y si no es el caso enviamos un error como los buenos devs que somos.

Si, lo sé, estamos usando el body en ves de una ruta dínamica, pero ¿porque? Bueno siendo certeros, no creo que sea buena idea que alguien externo pueda acceder a esta ruta, así que se necesitaría métodos de seguridad, por ejemplo un token para acceder a este endpoint o path o como le llames, ademas debemos de tomar en cuenta que esto es algo interno, el usuario y un admin en teoría solo deberían de poder hacer este cambio, dejar abierto esto nos puede generar problemas al futuro, aunque la verdad es que no mucho, si tienes un sistema de seguridad solido protegiendo el path.

Escribe tu comentario
+ 2