Consumiendo servicios web dummy

Standard

Hola, ¡buen día!

¿Les ha pasado que están trabajando en un proyecto colaborativo y necesitan consumir servicios web que aún no están terminados o ni siquiera existen?

Esto es algo que pasa con frecuencia en los equipos de desarrollo, planificas tus actividades y en cierto punto comienzas a “depender” de la finalización de ciertas tareas para completar las tuyas, es algo normal.  Existen muchas formas de atacar este problema, entre ellas está el dejar tu desarrollo preparado para que la integración de los servicios sea rápida y fácil.

El día de hoy les platicaré de una herramienta online que encontré para generar servicios web en segundos, y consumirlos con los verbos GET, POST o PUT.

La página se llama: myjson

Para el ejemplo de cómo funciona, supondremos que estamos desarrollando una aplicación que realiza traducciones y necesitamos consumir un servicio que nos regrese un archivo json que contenga los días de la semana en alemán.

Algo como lo siguiente:

[
 {
 "nm": "Montag",
 "ab": "Mo",
 "nbr": 1
 },
 {
 "nm": "Dienstag",
 "ab": "Di",
 "nbr": 2
 },
 {
 "nm": "Mittwoch",
 "ab": "Mi",
 "nbr": 3
 },
 {
 "nm": "Donnerstag",
 "ab": "Do",
 "nbr": 4
 },
 {
 "nm": "Freitag",
 "ab": "Fr",
 "nbr": 5
 },
 {
 "nm": "Samstag",
 "ab": "Sa",
 "nbr": 6
 },
 {
 "nm": "Sonntag",
 "ab": "So",
 "nbr": 7
 }
]
  1. Vamos a la página de http://myjson.com/
  2. Pegamos el json que queremos obtener como resultado

Screen Shot 2016-02-29 at 4.22.40 PM

3. Guardamos, “save”

4. Se generará instantaneamente una url con la que podremos “consumir el servicio” y obtener como resultado el json que indicamos.

Screen Shot 2016-02-29 at 4.24.14 PM

En el siguiente link puedes ver cómo consumimos el servicio con un GET: https://jsfiddle.net/d9jv24qv/3/

// myjson GET Example
$(document).ready(function() {
  $("#clickMe").click(function() {
    $.get("https://api.myjson.com/bins/2v7hx", 
       function(data, textStatus, jqXHR) {
         var json = JSON.stringify(data);
         $("#data").val(json);
    });
  });
});

Espero que esta herramienta les sea de mucha utilidad para su desarrollo diario.

Para más información puedes consiltar aquí la API: http://myjson.com/api

Saludos, hasta el próximo post.

Karen

Leave a Reply

Your email address will not be published. Required fields are marked *