Muy buenas, les saluda Luis y para hoy les traigo un tutorial.
GitHub Pages es un excelente lugar para alojar un sitio para su cartera o un proyecto, pero otra uso para él es helpful a datos API JSON de acogida.
La mayoría de las veces esto no es necesario, ya que puede realizar llamadas a la API a un servidor como lo haría normalmente, pero existen limitaciones. Las API generalmente limitarán sus llamadas por día, solo devolverán una cantidad determinada de datos o incluso costarán dinero para usar.
Pero digamos que tiene el archivo JSON descargado con todos los puntos de datos que necesita y solo desea usar esa información para su proyecto. Todo lo que necesita hacer es crear un repositorio de páginas de GitHub, poner ese archivo JSON allí y su URL personalizada tendrá todos esos datos.
Desde allí, realiza una llamada API a la URL de sus páginas de GitHub en lugar de al servidor API. Resumiré estos pasos a continuación:
Comencemos
Lo primero que deberá hacer es crear un repositorio de páginas de GitHub, así que diríjase a GitHub y cree uno llamado username.github.io
, donde username
es su nombre de usuario de GitHub. ¡Asegúrese de que coincida con su nombre de usuario o no funcionará!
Como puede ver, ya he creado un repositorio de páginas de GitHub, pero si no lo ha hecho, su nombre personalizado estará disponible. Una vez hecho esto, diríjase a su terminal y clone ese repositorio en un directorio de su elección.
Una vez que se haya clonado en su computadora, ingrese a la carpeta del proyecto.
Luego agregue un index.html
con un mensaje estándar "Hola mundo"
para que pueda verlo en su navegador.
¡Agregue, confirme y envíe sus cambios!
Después de eso, abra su navegador y vaya a username.github.io
para ver el texto de su archivo index.html
.
¡Ahora viene la parte divertida! Cree una nueva carpeta dentro de su proyecto (llamé datos míos) y coloque su archivo JSON en ella.
Regrese a su navegador y vaya a su URL con la ruta del archivo a los datos agregados.
¡Ahora tienes una API alojada públicamente! Para acceder a esta información en su back-end
, todo lo que necesita hacer es realizar una llamada a la API como lo haría normalmente, analizar esos datos y luego recorrerlos para generar su base de datos.
Mi información fue de NYC Open Data
en forma de un archivo GeoJSON
masivo con apenas 37.000 puntos de datos. Su API me limitó a 1,000, ¡así que esta fue la ruta que tuve que tomar!
Gracias por leer este artículo.
Hola! Me podrían ayudar? creé la API siguiendo los pasos descritos en este tutorial, hasta allí todo genial, aquí esta mi API
https://iranimromero.github.io/prueba/data/data.json
Quiero consultarla usando solo javaccript sin embargo solo logro verla en la consola, pero no recorrerla, ver su tamaño o consultar por valor en particular.
async function obtieneDatos(){
const response = await fetch(«https://iranimromero.github.io/prueba/data/data.json»);
const data = await response.json();
console.log(data);
console.log(data.length);
console.log(data.categoria);
}
obtieneDatos();
Es posible que el archivo no esté en el formato correcto? igual lo consulte en un verificador de JSON.
Interesante.
Pero se puede modificar el json subido? ES decir, puedo borrar y agregar elementos?