Back to snippets
saleor_graphql_authenticated_product_query_quickstart.ts
typescriptThis quickstart demonstrates how to perform an authenticated GraphQL quer
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));