Saltar al contenido

5 métodos HTTP en el desarrollo de API RESTful

    JavaScript es, con mucho, uno de los lenguajes más populares cuando se trata de desarrollo web y es la fuerza impulsora detrás de la mayoría de los sitios web y aplicaciones web. No se limita solo al lado del cliente, JavaScript también es uno de los lenguajes más populares utilizados para desarrollar aplicaciones del lado del servidor. Las organizaciones usan Javascript para crear aplicaciones web interactivas y dinámicas para sus clientes. Hoy en día, la mayoría de las aplicaciones web modernas se basan en el uso de la arquitectura REST para mejorar las capacidades dinámicas del sitio web.

    Métodos HTTP en el desarrollo de API RESTful

    Así son algunos de los métodos HTTP más cruciales que necesita saber como desarrollador para desarrollar API RESTful para su aplicación. Las API RESTful son API que siguen el estilo arquitectónico REST (Representational State Transfer). Dicho esto, pasemos al artículo sobre el métodos RESTful esenciales para ayudarlo a trabajar en el lado del servidor usando JavaScript.

    5 métodos HTTP esenciales en el desarrollo de API RESTful

    1. OBTENER

    Él OBTENER método acostumbrados a ‘retirada’ un registro o colección de registros del servidor. El siguiente código muestra la implementación del método GET en JavaScript.

    Ejemplo:

    1.1. Backend (nodo con Express)

    javascript

    app.get('/students', function (req, res) {

     

        res.json(students);

         

    });

    Aquí el código define un obtener () método que se utiliza para recuperar el ‘estudiantes (aquí hay un conjunto de objetos) datos del servidor. Define una ruta que escucha el ‘/estudiantes‘punto final. El segundo parámetro es una función de devolución de llamada que toma ‘solicitud’ (solicitud) y resolución‘ (respuesta) objetos como argumentos. Utiliza el ‘método res.json()’ para enviar los datos al cliente.

    1.2. Interfaz (JavaScript)

    javascript

    const getStudents = async(URL) => {

          const response = await fetch(URL);

             

          const data = await response.json();

             

          console.log(data)

    }

    getStudents(BASEURL+"/students");

    Aquí el código define una función asíncrona llamada ‘obtener Estudiantes()’ eso hace que uno LLEGAR solicitud al punto final de la API (/estudiantes) los hábitos función de recuperación. La función de búsqueda devuelve una promesa que se resuelve con esperar y el objeto de respuesta se almacena en el ‘respuesta‘ variable. Se llama al método json() en la respuesta para analizar los datos, lo que nuevamente devuelve una promesa que se resuelve esperando y los datos se almacenan en el ‘datos’ variable. Los datos analizados (lista de estudiantes) luego se registra en la consola.

    Debe leer: expreso | aplicación.get()

    2. ENVIAR

    Él DESPUÉS método envía datos a un ‘nuevo record‘ en el servidor. El siguiente código muestra la implementación del método POST en JavaScript.

    Ejemplo:

    2.1. Backend (nodo con Express)

    javascript

    app.post("/students", function (req, res) {

      var student = req.body;

       

      students.push(student);

       

      res.json({ message: "Record Added" });

    });

    Aquí el código define un método de publicación () que se utiliza para agregar un nuevo registro, es decir, datos de ‘estudiante’ al servidor. Define una ruta que escucha el ‘/estudiantes’ punto final El segundo parámetro es una función de devolución de llamada que recibe ‘solicitud’ (solicitud) y ‘res’ (respuesta) objetos como argumentos. Eso extractos los detalles de la solicitud usando ‘solicitud.cuerpo’y lo agrega a la lista existente usando el inserción de matriz () método. Finalmente, envía el mensaje de confirmación al cliente en forma de datos JSON usando res.json().

    2.2. Interfaz (JavaScript)

    javascript

    const addStudent = async (URL, student) => {

      const response = await fetch(URL, {

        method: "POST",

        headers: {

          "Content-Type": "application/json",

        },

        body: student,

      });

     

      const data = await response.json();

     

      console.log(data.message);

    };

     

    addStudent(BASEURL + "/students", { id: 3, name: "Geek3" });

    Aquí el código define una función asíncrona llamada ‘agregar estudiante ()’ eso hace que uno DESPUÉS solicitud al punto final de la API (/estudiantes) con el solicitud cuerpo con elalumno’ datos. La función de búsqueda devuelve una promesa que se resuelve con espera y el objeto de respuesta se almacena en ella. ‘respuesta’ variable. Se llama al método json() en la respuesta para analizar los datos, que nuevamente devuelve una promesa que se resuelve esperando y los datos se almacenan en la variable ‘datos’. Los datos analizados (mensaje de confirmación – Registro añadido) luego se registra en la consola.

    Debe leer: expreso | aplicación.post()

    3. MOVER

    El método PUT envía datos a actualizar a ‘grabación existente‘ en el servidor. El siguiente código muestra la implementación del método PUT en JavaScript.

    Ejemplo:

    3.1. Backend (nodo con Express)

    javascript

    app.put("/students/:id", function (req, res) {

      var id = req.params.id;

       

      var student = req.body;

       

      

      for (var i = 0; i < students.length; i++) {

        if (students[i].id == id) {

          students[i] = student;

          break;

        }

      }

       

      res.json({ message: "Record Updated" });

    });

    Aquí el código define un método poner () que se utiliza para actualizar un registro existente, es decir estudiante con específicamente Tarjeta de identificación’ en el servidor Define una ruta que escucha el ‘/estudiantes/:id’ punto final Él’:Tarjeta de identificación’ aquí hay un parámetro de URL extraído con ‘requerido.params.id‘. Los datos pasados ​​en el cuerpo de la solicitud se extraen mediante ‘cuerpo requerido’. Se buscan los datos del estudiante para encontrar al estudiante con la identificación correspondiente, que, cuando se encuentra, obtiene el registro específico para reemplazar con nuevos datos. Finalmente, envía el mensaje de confirmación al cliente en forma de datos JSON usando res.json().

    3.2. Interfaz (JavaScript)

    javascript

    const updateStudent = async (URL, student) => {

      const response = await fetch(URL, {

        method: "PUT",

        headers: {

          "Content-Type": "application/json",

        },

        body: student,

      });

     

      const data = await response.json();

     

      console.log(data.message);

    };

    updateStudent(BASEURL + "/students/3", { id: 3, name: "Geek3 Updated" });

    Aquí el código define una función asíncrona llamada ‘actualizarEstudiante()’ que realiza una solicitud PUT al punto final de la API (/estudiantes/3) con el cuerpo de la solicitud que contiene el ‘alumno‘ datos. La función de búsqueda devuelve una promesa que se resuelve con espera y el objeto de respuesta se almacena en ella. ‘respuesta’ variable. Él json() se llama al método en la respuesta para analizar los datos que nuevamente devuelve una promesa que se resuelve esperando y los datos se almacenan en la variable ‘datos’. Los datos analizados (Mensaje de confirmacion – «Registro actualizado») luego se registra en la consola.

    Debe leer: expreso | aplicación.put()

    4. PUNTO

    Como el COLOCAR método, PARCHE también se utiliza para enviar datos a actualizar a ‘placa existente’ en el servidor Pero la diferencia importante entre PUT y PATCH es que PATCH solo se aplica cambios parciales al registro en lugar de reemplazar todo el registro. El siguiente código muestra la implementación de la misma. PARCHE método en JavaScript.

    Ejemplo:

    4.1. Backend (nodo con Express)

    javascript

    app.patch("/students/:id", function (req, res) {

      var id = req.params.id;

      var student = req.body;

       

      for (var i = 0; i < students.length; i++) {

        if (students[i].id == id) {

         

        

          for (var key in student) {

            students[i][key] = student[key];

          }

          break;

           

        }

      }

      res.json({ message: "Record Updated using patch" });

    });

    Aquí el código define un parche() método utilizado actualización parcial un registro existente, es decir ‘estudiante con identificación específica’ en el servidor Define una ruta que escucha el ‘/estudiantes/:id’ punto final Él ‘:Tarjeta de identificación’ aquí hay un parámetro de URL extraído usando ‘req.params.id’. Los datos pasados ​​en el cuerpo de la solicitud se extraen mediante ‘cuerpo requerido’. Los datos del estudiante se buscan para encontrar al estudiante con la identificación coincidente que, si se encuentra, actualizará el registro específico, aquí en lugar de actualizar todo el objeto solo el Características específicas subirse a los objetos actualizado. Finalmente, envía el mensaje de confirmación al cliente en forma de datos JSON usando res.json().

    4.2. Interfaz (JavaScript)

    javascript

    const updateStudentPatch = async (URL, student) => {

        const response = await fetch(URL, {

            method: "PATCH",

            headers: {

                "Content-Type": "application/json",

            },

            body: student,

        });

         

        const data = await response.json();

     

        console.log(data);

    };

     

    updateStudentPatch(BASEURL + "/students/2", { name: "Geek2 Updated using Patch" });

    Aquí el código define una función asíncrona llamada ‘actualizarParcheEstudiante()eso hace que uno PARCHE solicitud al extremo de la API (/estudiantes/2) con el texto de la solicitud especificando el específico(‘nombre’) característica ‘alumno’ datos. La función de búsqueda devuelve una promesa que se resuelve con esperar y el objeto de respuesta se almacena en el ‘respuesta‘ variable. Se llama al método json() en la respuesta para analizar los datos, que nuevamente devuelve una promesa que se resuelve esperando y los datos se almacenan en el ‘datos‘ variable. Los datos analizados (Mensaje de confirmacion – ‘Registro actualizado usando patch’) luego se registra en la consola.

    Debe leer: expreso | poner () frente a parche ()

    5. ELIMINAR

    Él RETIRAR El método se utiliza para eliminar registros del servidor. El siguiente código muestra la implementación de la misma. RETIRAR método en JavaScript.

    Ejemplo:

    5.1. Backend (nodo con Express)

    javascript

    app.delete("/students/:id", function (req, res) {

      var id = req.params.id;

       

      for (var i = 0; i < students.length; i++) {

        if (students[i].id == id) {

          students.splice(i, 1);

          break;

        }

      }

       

      res.json({ message: "Record Deleted" });

    });

    Aquí el código define un retirar() método utilizado retirar un registro existente (aquí ‘estudiante a lo largo específicamente tarjeta de identificación‘) en el servidor. Define una ruta que escucha el ‘/estudiantes/:id’ punto final Él ‘:Tarjeta de identificación’ aquí hay un parámetro de URL extraído usando ‘req.params.id’. datos del estudiante (aquí Matriz de estudiantes) se recorre para encontrar al estudiante con la identificación coincidente que, al encontrarlo, se elimina usando el matriz dividir() método javascript. Finalmente, envía el mensaje de confirmación al cliente en forma de datos JSON usando res.json().

    5.2. Interfaz (JavaScript)

    javascript

    const deleteStudent = async (URL) => {

       const response = await fetch(URL, {

           method: "DELETE",

           headers: {

               "Content-Type": "application/json",

           },

       });

     

       const data = await response.json();

     

       console.log(data);

    };

    deleteStudent(BASEURL + "/students/3");

    Aquí el código define un asincrónico función llamada ‘eliminarEstudiante()eso hace que uno PARCHE solicitud al punto final de la API (/estudiantes/3). La función de búsqueda devuelve una promesa que se resuelve con espera y el objeto de respuesta se almacena en ella. ‘respuesta’ variable. Se llama al método json() en la respuesta para analizar los datos, que nuevamente devuelve una promesa que se resuelve esperando y los datos se almacenan en el ‘datos‘ variable. Los datos analizados (Mensaje de confirmacion – ‘Grabación eliminada‘) luego se registra en la consola.

    Debe leer: expreso | aplicación.eliminar()

    Archivos de código

    1. Código de fondo

    javascript

    var express = require("express");

     

    var estudiantes = [

      { id: 1, name: "Geek1" },

      { id: 2, name: "Geek2" },

    ];

     

    var app = express();

    app.use(express.json());

     

    app.get("/students", function (req, res) {

      res.json(students);

    });

     

    app.post("/students", function (req, res) {

      var student = req.body;

      students.push(student);

      res.json({ message: "Record Added" });

    });

     

    app.put("/students/:id", function (req, res) {

      var id = req.params.id;

      var student = req.body;

      for (var i = 0; i < students.length; i++) {

        if (students[i].id == id) {

          students[i] = student;

          break;

        }

      }

      res.json({ message: "Record Updated" });

    });

     

    app.patch("/students/:id", function (req, res) {

      var id = req.params.id;

      var student = req.body;

      for (var i = 0; i < students.length; i++) {

        if (students[i].id == id) {

          for (var key in student) {

            students[i][key] = student[key];

          }

          break;

        }

      }

      res.json({ message: "Record Updated using patch" });

    });

     

     

     

    app.delete("/students/:id", function (req, res) {

      var id = req.params.id;

      for (var i = 0; i < students.length; i++) {

        if (students[i].id == id) {

          students.splice(i, 1);

          break;

        }

      }

      res.json({ message: "Record Deleted" });

    });

     

    app.listen(5000, () => {

      console.log("Server started on port 5000");

    });

    2. Código de interfaz

    javascript

     

    const getStudents = async (URL) => {

      const response = await fetch(URL);

     

      const data = await response.json();

     

      console.log(data);

    };

     

    const addStudent = async (URL, student) => {

      const response = await fetch(URL, {

        method: "POST",

        headers: {

          "Content-Type": "application/json",

        },

        body: student,

      });

     

      const data = await response.json();

     

      console.log(data);

    };

     

    const updateStudent = async (URL, student) => {

      const response = await fetch(URL, {

        method: "PUT",

        headers: {

          "Content-Type": "application/json",

        },

        body: student,

      });

     

      const data = await response.json();

     

      console.log(data);

    };

     

    const updateStudentPatch = async (URL, student) => {

      const response = await fetch(URL, {

        method: "PATCH",

        headers: {

          "Content-Type": "application/json",

        },

        body: student,

      });

     

      const data = await response.json();

     

      console.log(data);

    };

     

    const deleteStudent = async (URL) => {

      const response = await fetch(URL, {

        method: "DELETE",

        headers: {

          "Content-Type": "application/json",

        },

      });

     

      const data = await response.json();

     

      console.log(data);

    };

     

    getStudents(BASEURL + "/students");

     

    addStudent(BASEURL + "/students", { id: 3, name: "Geek3" });

     

    updateStudent(BASEURL + "/students/3", { id: 3, name: "Geek3 Updated" });

     

    updateStudentPatch(BASEURL + "/students/2", {

      name: "Geek2 Updated using Patch",

    });

     

    deleteStudent(BASEURL + "/students/3");

    Conclusión

    Ahora que ya sabes cómo implementar Métodos RESTful HTTP en javascript, ¡comienza a usarlos ahora! Métodos HTTP como LLEGAR, DESPUÉS, COLOCAR, PARCHEy RETIRAR se utilizan en el desarrollo de API RESTful para especificar el tipo de acción se está ejecutando en un recurso. Los métodos RESTful HTTP son una parte esencial del desarrollo de API web en el estilo de arquitectura REST. Son ampliamente utilizados en el desarrollo web moderno porque son un interfaz estándar para interactuar con los recursos del servidor.

    Preguntas frecuentes

    1. ¿Qué es DESCANSO?

    Respuesta: REST (transferencia de estado representativo) es un patrón de diseño para crear servicios web. Establece un conjunto de restricciones y principios para crear API web que sean flexibles, escalables y fáciles de mantener.

    2. ¿Cuál es la diferencia entre REST y RESTful?

    respuesta: DESCANSO es un conjunto de pautas arquitectónicas para crear API. API RESTful son API que se ajustan a las pautas de REST.

    3. ¿Cuál es la diferencia entre las API RESTful y Non-RESTful?

    respuesta: Las API RESTful siguen las pautas REST. Por el contrario, las API no Restful utilizan otros métodos/protocolos como SOAP (Protocolo simple de acceso a objetos) Para comunicarse.

    4. ¿Cuál es la diferencia entre Node y Express?

    respuesta: Nodo es un tiempo de ejecución construido sobre Motor de tiempo de ejecución javascript V8 de Chrome. Enfáticamente es un marco para crear aplicaciones web sobre Node.js

    Recursos Relacionados:

    Su Calificación Nos Ayuda a Mejorar
    Etiquetas: