REST vs. GraphQL - Summer 2024 AMSE Bootcamp

albums-graphql.mjs

const query = `
query {
  artists(where: {name: "Red Hot Chili Peppers"}) {
    albums {
      title
    }
  }
}
`;

const response = await fetch('http://localhost:4000/graphql', {
  method: 'POST',
  body: JSON.stringify({
    query,
    variables: null,
  }),
  headers: {
    "Content-Type": "application/json",
  },
});
const result = await response.json();

for (const album of result.data.artists[0].albums) {
  console.log(album.title);
}

albums-rest.mjs

// Luckily, the API provides a way to filter the albums by artist.

let response = await fetch('http://localhost:8000/api/tables/artists/rows?_filters=name%3ARed%20Hot%20Chili%20Peppers');
let result = await response.json();
const artistId = result.data[0].ArtistId;

// Otherwise, we would have to iterate over all artists to find the one we want.

/*
let response, result;
let json = { "next": "/tables/artists/rows" };
do {
  response = await fetch(`http://localhost:8000/api${json.next}`);
  json = await response.json();

  result = json.data.find(artist => artist.Name === 'Red Hot Chili Peppers');
  if (result) {
    break;
  }
} while (json.next);
const artistId = result.ArtistId;
*/

// We could also iterate here, but we would need to check all albums because
// an artist can have mutliple albums. and the list of albums might span
// multiple pages.

response = await fetch(`http://localhost:8000/api/tables/albums/rows?_filters=ArtistId%3A${artistId}`);
result = await response.json();

for (const album of result.data) {
  console.log(album.Title);
}