Conectar tu aplicación Flutter a una API externa es un paso clave cuando quieres trabajar con datos reales sin depender de un backend en producción. Aquí aprenderás a usar Mockoon, una herramienta que simula APIs en local, junto con el paquete HTTP de Flutter, ideal para desarrolladores que están construyendo proyectos como un libro de recetas digital.

¿Qué es Mockoon y por qué usarlo en Flutter?

Mockoon es una aplicación de escritorio que te permite crear un simulador de API en tu propio equipo, sin necesidad de levantar un servidor real. Es útil cuando quieres probar cómo tu app Flutter consume datos antes de tener el backend listo.

¿Qué es Mockoon? Es una herramienta gratuita que simula APIs en local. Te deja crear endpoints con respuestas personalizadas para que tu app Flutter las consuma como si fueran reales.

Para empezar, descarga el instalador desde el enlace en la zona de recursos, elige tu sistema operativo y abre el archivo .EXE para instalarlo [0:18]. Al abrirlo por primera vez, verás un modal con un tour guiado por las secciones principales: Routes, Data, Headers y Settings.

¿Cómo crear un entorno local con un endpoint GET?

El flujo para montar tu primera API simulada es directo. Vas a crear un entorno, definir una ruta y configurar el puerto donde correrá tu local host.

Pasos para configurar tu primer GET en Mockoon

Sigue esta secuencia para tener un endpoint funcional en minutos:

1. Selecciona New Local Environment desde la pantalla principal [1:05].
2. Guarda el JSON con el nombre del proyecto, por ejemplo recipesBook.
3. Crea una nueva ruta tipo GET y nómbrala recipes, ya que traerá todas las recetas [1:22].
4. Define el código de respuesta 200 para indicar conexión correcta.
5. Pega el JSON con la data que quieres devolver.

Un truco práctico: puedes generar tanto el JSON como las imágenes de tu recetario usando inteligencia artificial. Así tu simulador queda más realista y visual sin que tengas que escribir cada campo a mano.

¿Cómo configurar el local host y el puerto en Mockoon?

Antes de poder consumir tu API desde Flutter, necesitas decirle a Mockoon dónde va a escuchar las peticiones. Aquí entra la configuración del local host y el puerto.

Ve a la sección de configuración del entorno e indica que la API correrá sobre tu local host. Asigna un puerto que sepas que está desocupado, como 3000 o 3001, y déjalo guardado.

¿Qué es un puerto en una API local? Es el número que identifica el canal por donde tu computadora envía y recibe datos. Tu app Flutter usará ese puerto para conectarse a Mockoon.

Una vez configurado, presiona el botón play para activar el servidor [2:15]. A partir de ese momento, tu endpoint estará disponible en una URL con el formato localhost:puerto/recipes, lista para responder con un GET.

¿Qué métodos HTTP puedes simular?

Mockoon no se limita al GET. Te permite trabajar con los verbos más comunes de cualquier API REST:

• GET para obtener datos.
• POST para crear nuevos registros.
• PUT para reemplazar información existente.
• PATCH para actualizar parcialmente.
• DELETE para eliminar recursos.

Esto te da flexibilidad para simular un CRUD completo mientras desarrollas la lógica de tu app en Flutter, sin depender de servicios externos ni de conexión a internet.

Con tu entorno listo y el GET de recipes corriendo en local host, ya tienes la base para que Flutter consuma datos reales mediante el paquete HTTP. ¿Qué endpoints planeas simular para tu próximo proyecto? Cuéntalo en los comentarios.