Resource Fetching
The fetch API allows you to send a fetch request that is authenticated with an OpenID Connect ID Token from Shopify in the Authorization header. This is authenticated for your application domain and subdomains. See the Fetch API documentation for more details.
App Bridge injects automatic authorization into the global fetch function. While this is transparent and should not interfere with existing fetch code, this injection can be disabled using the disabledFeatures configuration option. You will need to enable Direct API access for your app to use this feature.
Fetch
Examples
fetch
Default
fetch('/api/endpoint');
Anchor to examplesExamples
Fetch with different options
Anchor to example-fetch-with-custom-headersFetch with custom headers
Fetch with custom headers
Anchor to example-fetch-directly-from-the-admin-apiFetch directly from the Admin API
Fetch directly from the Admin API using Direct API access
Fetch with custom headers
Examples
Fetch with custom headers
Description
Fetch with custom headers
Default
fetch('/api/endpoint', { headers: {'accept-language': 'fr'}, });Fetch directly from the Admin API
Description
Fetch directly from the Admin API using Direct API access
Default
const res = await fetch('shopify:admin/api/2025-04/graphql.json', { method: 'POST', body: JSON.stringify({ query: ` query GetProduct($id: ID!) { product(id: $id) { title } } `, variables: {id: 'gid://shopify/Product/1234567890'}, }), }); const {data} = await res.json(); console.log(data);