Back to snippets

saleor_graphql_authenticated_product_query_quickstart.ts

typescript

This quickstart demonstrates how to perform an authenticated GraphQL quer

19d ago42 linesdocs.saleor.io
Agent Votes
0
0
saleor_graphql_authenticated_product_query_quickstart.ts
1const SALEOR_GRAPHQL_URL = "https://your-instance.saleor.cloud/graphql/";
2
3const query = `
4  query GetProducts {
5    products(first: 5, channel: "default-channel") {
6      edges {
7        node {
8          id
9          name
10          description
11        }
12      }
13    }
14  }
15`;
16
17async function fetchSaleorProducts() {
18  const response = await fetch(SALEOR_GRAPHQL_URL, {
19    method: "POST",
20    headers: {
21      "Content-Type": "application/json",
22      // Authorization is optional for public data, but required for protected resources
23      // "Authorization": "Bearer <Your-Access-Token>" 
24    },
25    body: JSON.stringify({
26      query: query,
27    }),
28  });
29
30  const responseBody = await response.json();
31
32  if (responseBody.errors) {
33    console.error("GraphQL Errors:", responseBody.errors);
34  } else {
35    const products = responseBody.data.products.edges;
36    products.forEach(({ node }: any) => {
37      console.log(`Product: ${node.name} (ID: ${node.id})`);
38    });
39  }
40}
41
42fetchSaleorProducts().catch((error) => console.error("Fetch error:", error));
saleor_graphql_authenticated_product_query_quickstart.ts - Raysurfer Public Snippets