TheLazy.Dev
Portfolio GitHub

Blog

javascript |tutorial |firstpost |spanish

💡 Tip Rapido: Fetch JSON data Desde un perfil publico simple sin Graph API

poleselfg

Poleselfg

Posted on January 14, 2021

💡 Tip Rapido: Fetch JSON data Desde un perfil publico simple sin Graph API

Nunca quisieron obtener informacion de un perfil de instagram de una manera facil y sencilla? Bueno...

En una de esas navegaciones nocturnas de poco dormir, me encontre con esta solucion, que por lo que pude ver esta poco difundida.

https://www.instagram.com/{public_profile_name}/?__a=1
Enter fullscreen mode Exit fullscreen mode

Resulta, que agregando el query ?__a=! al final de la direccion al perfil, podemos acceder a un JSON con toda la informacion publica del perfil.

por ejemplo:

https://www.instagram.com/refactordevs/?__a=1
Enter fullscreen mode Exit fullscreen mode

nos devuelve el siguiente JSON:

Alt Text

Como pueden ver el JSON es muy y tenemos toda la informacion de la cuenta, inclusive, con unas pocas lineas de codigo, (en este caso en javascript), podemos obtener el feed:

async function getInstagramPictures (profileName) {
  const baseUrl = "https://www.instagram.com";
  const profileUrl = `${baseUrl}/${profileName}`;
  const jsonDataUrl = `${profileUrl}/?__a=1`;

  const response = await fetch(jsonDataUrl);
  const jsonData = await response.json();
  const pictures = jsonData.graphql.user.edge_owner_to_timeline_media.edges;

  if (response.ok) {
    return pictures;
  } else {
    throw new Error(pictures);
  }
}
Enter fullscreen mode Exit fullscreen mode 
getInstagramPictures("refactordevs")
  .then(pictures => console.log("Pictures:", pictures))
  .catch(error => console.error("Error:", error));
Enter fullscreen mode Exit fullscreen mode

Al realizar un bucle,se puede mostrar cada imagen o su miniatura.

Tambien podriamos traer las imagenes de perfil, o cualquier tipo de informacion.

solo basta con cambiar la siguiente linea:

const pictures = jsonData.graphql.user.edge_owner_to_timeline_media.edges;
Enter fullscreen mode Exit fullscreen mode

Saludos! y espero que les sea util!

Sources:

💖 💪 🙅 🚩
poleselfg
Poleselfg

Posted on January 14, 2021

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

💡 Tip Rapido: Fetch JSON data Desde un perfil publico simple sin Graph API
javascript 💡 Tip Rapido: Fetch JSON data Desde un perfil publico simple sin Graph API

January 14, 2021