--- title: App Bridge APIs and web methods description: App Bridge APIs provide your app with access to Shopify Admin functionality through the `shopify` global variable. These APIs enable your app to read context, navigate between pages, launch workflows, and provide feedback to merchants. api_name: app-home source_url: html: https://shopify.dev/docs/api/app-home/apis md: https://shopify.dev/docs/api/app-home/apis.md --- # App Bridge APIs and web methods This section covers two types of APIs you can use in your app: * **App Bridge APIs** provide functionality that isn't available through standard web APIs, such as rendering UI outside of the app's iframe or launching native Shopify admin pages and workflows. * **Standard web APIs**, such as `fetch`, work in your app but might behave differently because your app runs in an iframe. Where behavior differs, this section documents the correct usage. All App Bridge APIs are available through the `shopify` global object. If you're building with React, you can use the [`useAppBridge`](https://shopify.dev/docs/api/app-home/apis/react-hooks/useappbridge) hook to access the same object. ### Adding App Bridge to your app When you scaffold your app using [Shopify CLI](https://shopify.dev/docs/api/shopify-cli), the App Bridge library is added to your app automatically. You can also manually add App Bridge in any framework by adding the following script tag to your app's HTML head: ##### HTML ```html
``` ##### Remix ```tsx // app/root.tsx export default function App() { return ( ); } ``` *** ## Available APIs ## Authentication and data Use authentication and data APIs to generate ID tokens, access app and environment context, and manage scopes. You can use these APIs to customize behavior based on user preferences or validate permissions before performing actions. | Name | Description | | - | - | | [App API](https://shopify.dev/docs/api/app-home/apis/authentication-and-data/app-api) | Access information about your app including its ID, configuration settings, and metadata. | | [Config API](https://shopify.dev/docs/api/app-home/apis/authentication-and-data/config-api) | Retrieve app configuration values and settings defined in your `shopify.app.toml` file. | | [Environment API](https://shopify.dev/docs/api/app-home/apis/authentication-and-data/environment-api) | Get information about the platform and environment where your app is running. | | [ID Token API](https://shopify.dev/docs/api/app-home/apis/authentication-and-data/id-token-api) | Generate ID tokens for secure server-to-server authentication and API requests. | | [Scopes API](https://shopify.dev/docs/api/app-home/apis/authentication-and-data/scopes-api) | Query current scopes, request additional optional scopes from merchants, or revoke existing scopes. | | [User API](https://shopify.dev/docs/api/app-home/apis/authentication-and-data/user-api) | Access information about the currently logged-in merchant including their name, email, and locale. | | [Resource Fetching API](https://shopify.dev/docs/api/app-home/apis/authentication-and-data/resource-fetching-api) | Use the standard fetch API to make authenticated requests to the GraphQL Admin API or any other web resources your app needs. | ## User interface and interactions Use user interface and interaction APIs to trigger Shopify workflows, navigate between pages, display selection interfaces, and provide feedback to merchants. These APIs use familiar Shopify patterns with native UI elements to ensure that the merchant experience is consistent and intuitive. | Name | Description | | - | - | | [Intents API](https://shopify.dev/docs/api/app-home/apis/user-interface-and-interactions/intents-api) | Launch native Shopify admin workflows like creating products, customers, or orders. | | [Navigation API](https://shopify.dev/docs/api/app-home/apis/user-interface-and-interactions/navigation-api) | Navigate within your app or to other areas of Shopify admin using standard web navigation methods. | | [Picker API](https://shopify.dev/docs/api/app-home/apis/user-interface-and-interactions/picker-api) | Display selection interfaces for files, dates, and other common data types. | | [Resource Picker API](https://shopify.dev/docs/api/app-home/apis/user-interface-and-interactions/resource-picker-api) | Let merchants search and select Shopify resources like products, collections, or variants. | | [Loading API](https://shopify.dev/docs/api/app-home/apis/user-interface-and-interactions/loading-api) | Display loading indicators to show progress during long-running operations. | | [Modal API](https://shopify.dev/docs/api/app-home/apis/user-interface-and-interactions/modal-api) | Show confirmation dialogs and modal prompts for important user decisions. | | [Save bar API](https://shopify.dev/docs/api/app-home/apis/user-interface-and-interactions/save-bar-api) | Display a contextual save bar when forms have unsaved changes. | | [Toast API](https://shopify.dev/docs/api/app-home/apis/user-interface-and-interactions/toast-api) | Show toast notifications to provide feedback and status updates to merchants. | | [Reviews API](https://shopify.dev/docs/api/app-home/apis/user-interface-and-interactions/reviews-api) | The Reviews API lets you request an app review modal overlaid on your app in the Shopify admin. | | [Support API](https://shopify.dev/docs/api/app-home/apis/user-interface-and-interactions/support-api) | The Support API lets you register a custom handler when merchants request support through App Bridge. | ## Device and platform integration Use device and platform APIs to detect the POS environment, access device cameras and scanners, print documents, share content, request app reviews, provide support resources, and monitor app performance metrics. | Name | Description | | - | - | | [POS API](https://shopify.dev/docs/api/app-home/apis/device-and-platform-integration/pos-api) | Detect when your app is running in Shopify POS and access POS-specific functionality. | | [Print API](https://shopify.dev/docs/api/app-home/apis/device-and-platform-integration/print-api) | Use the standard print API to send documents to printers or trigger the device print dialog for receipts and labels. | | [Scanner API](https://shopify.dev/docs/api/app-home/apis/device-and-platform-integration/scanner-api) | Access device cameras and barcode scanners to capture product codes and QR codes. | | [Share API](https://shopify.dev/docs/api/app-home/apis/device-and-platform-integration/share-api) | Trigger the native share dialog on mobile devices to share content. | | [Web Vitals API](https://shopify.dev/docs/api/app-home/apis/device-and-platform-integration/web-vitals-api) | Monitor and report web performance metrics for your app. | ***