Introducción

Crear una API sencilla puede parecer complicado, pero con PHP y JavaScript, es un proceso bastante accesible. En este tutorial, aprenderás a construir una API que devuelve datos en formato JSON. Te guiaremos paso a paso, desde la configuración inicial hasta las pruebas finales.

Pasos claros para crear tu API

1. Preparar el entorno: Asegúrate de tener un servidor local instalado, como XAMPP o WAMP, que incluya PHP. Crea una carpeta en la ruta de tu servidor para alojar tu proyecto.
2. Crear el archivo PHP: En la carpeta de tu proyecto, crea un archivo llamado api.php. Este archivo será el encargado de manejar las peticiones y devolver los datos. A continuación, añade la lógica para devolver un array de datos en formato JSON.
3. Implementar el fetch en JavaScript: En un nuevo archivo de JavaScript, utiliza la función fetch() para hacer una llamada a tu API. Asegúrate de manejar la respuesta correctamente y mostrar los datos en la interfaz de usuario.
4. Probar tu API: Abre tu navegador y accede a api.php para comprobar que devuelve el JSON correctamente. Luego, abre la consola del navegador para ver los datos que estás obteniendo mediante JavaScript.

Errores comunes y soluciones

• Error: CORS no permitido: Si al hacer peticiones JavaScript desde un dominio diferente no puedes acceder a tu API, deberás habilitar CORS en tu archivo PHP. Esto puedes hacerlo añadiendo el siguiente código: header('Access-Control-Allow-Origin: *');
• Error: Datos no se muestran: Asegúrate de que tus datos en el archivo PHP están correctamente formateados en JSON. Utiliza json_encode() para convertir arrays o objetos en formato JSON.
• Error: Respuesta vacía: Verifica tus rutas y que el servidor esté corriendo. También asegúrate de que el archivo PHP se esté ejecutando correctamente sin errores de sintaxis.

Cierre

Crear una API sencilla es muy útil para aplicaciones web y móviles. Con PHP y JavaScript, tienes las herramientas necesarias para empezar a desarrollar tus propios servicios. Recuerda siempre validar y depurar tu código para evitar errores y mejorar la experiencia del usuario. ¡Ponte manos a la obra y empieza a programar!