Ejercicio: Consumir APIs con fetch y variables de entorno

Objetivo

Consultar una API real desde un script de Node, guardar la configuración en un .env y escribir en JavaScript puro las utilidades que sostienen ese trabajo.

Cómo se trabaja

La parte A es práctica real en tu terminal (necesita internet). La parte B son cuatro funciones de JavaScript puro: un lector de .env, un constructor de URLs, un obtenerJson al que se le pasa fetch como argumento (así se puede probar sin red) y un lector de configuración. Pega solo el JavaScript, sin <script>.

Pasos

Marca cada paso a medida que lo completes. Tu avance se guarda en este navegador.

• Parte A. Crea un proyecto con "type": "module" y un .env con PORT=4000 y NOMBRE=tu nombre. Añade .env a .gitignore y crea .env.example.
• Parte A. Escribe config.js que muestre el puerto y el nombre; ejecútalo con node --env-file=.env config.js.
• Parte A. Escribe todos.js que pida https://jsonplaceholder.typicode.com/todos?_limit=5, compruebe ok y muestre los títulos.
• Parte A. Pide un recurso inexistente (/todos/99999) y comprueba que tu código muestra un error claro en lugar de fallar en silencio.
• Parte A. Haz un POST a /posts con un JSON y muestra el id que devuelve la API.
• Parte B. Escribe parsearEnv y construirUrl.
• Parte B. Escribe obtenerJson(fetchFn, url) y leerConfig(env). Pasa los ocho puntos.

function parsearEnv(texto) {
  const resultado = {};
  for (const linea of texto.split("\n")) {
    const l = linea.trim();
    if (l === "" || l.startsWith("#")) continue;
    const i = l.indexOf("=");
    if (i === -1) continue;
    const clave = l.slice(0, i).trim();
    let valor = l.slice(i + 1).trim();
    if (valor.length >= 2 && valor.startsWith('"') && valor.endsWith('"')) {
      valor = valor.slice(1, -1);
    }
    resultado[clave] = valor;
  }
  return resultado;
}

function construirUrl(base, params) {
  const limpio = {};
  for (const [k, v] of Object.entries(params)) {
    if (v !== undefined && v !== null) limpio[k] = v;
  }
  const query = new URLSearchParams(limpio).toString();
  return query ? base + "?" + query : base;
}

async function obtenerJson(fetchFn, url) {
  const respuesta = await fetchFn(url);
  if (!respuesta.ok) {
    throw new Error("HTTP " + respuesta.status);
  }
  return respuesta.json();
}

function leerConfig(env) {
  return {
    puerto: Number(env.PORT) || 3000,
    modo: env.NODE_ENV ?? "development",
  };
}