Crear mock REST en menos de 5 minuto


En estos días de desarrollo “ágil” y la moda de microservicios, seguirá existiendo la integración entre el Front y Back, por ello aquí les mostraremos como pueden crear una API REST mock para que el Front pruebe o un tercero mientras se desarrolla la real. Es claro que para esto previamente ya debió ser definida la interfaz del servicio, sin ello aun que usen esta herramienta lo único que generaran será un problema.

Iniciemos, para ello tenemos que tener previamente instalado Node.js descargando de su sitio oficial.

Captura de pantalla 2018-07-18 a la(s) 12.25.05 p. m.

Ahora instalaremos un paquete que es el que hace la “magia”, json-server, y en este pequeño vídeo demuestro como hacer la API REST Mock en menos de 5 minutos.

Lo maravilloso de esta herramienta es que usa correctamente los verbos HTTP (incluso mejor que muchos desarrolladores de servicios que conozco), esto nos permite seguir trabajando en la implementación real mientras nuestros compañeros de front o un sistema de consumo la requieren para continuar integrando.

Pasos:

1) Instalar json-server con npm

npm install json-server

2) Crear el archivo Json que ocuparemos para crear la API REST MOCK, pueden usar el editor de texto que sea de su agrado.

{
"usuarios": [
{
"id": 1,
"alias": "rafex",
"correo": "rafex.dev@gmail.com"
}
]
}

3) De acuerdo al nombre que le pusimos al archivo Json, debemos usar el comando json-server –watch “NOMBRE_DEL_ARCHIVO”

json-server --watch usuarios.json

Iniciara el siguiente proceso:

Captura de pantalla 2018-07-18 a la(s) 1.14.45 p. m.

Y simplemente haciendo peticiones (request) usando los verbos correctamente POST,GET,DELETE,PUT podremos interactuar con nuestra API REST MOCK.

https://www.codementor.io/ayushgupta/how-to-use-json-server-to-create-mock-apis-0-lci958ear

Nota: El cliente que ocupo para hacer peticiones es Restlet Client – REST API Testing una extensión de Chrome.

Un comentario en “Crear mock REST en menos de 5 minuto

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s