To get started with AEM Commerce as a Cloud Service, your Experience Manager Cloud Service needs to be provisioned with the Commerce Integration Framework (CIF) add-on. The CIF add-on is an additional module on top of AEM Sites as a Cloud Service.
The onboarding for AEM Commerce as a Cloud Service is a two-step process:
The first onboarding step is done by Adobe. For more details on pricing and provisioning, you need to reach out to your sales representative.
Once you have been provisioned with the CIF add-on, it will be applied to any existing Cloud Manager programs. In case, you don’t have a Cloud Manager Program, you will need to create a new one. For more details, refer to Setup your Program.
The second step is self-service for each AEM as a Cloud Service environment. There are some additional configurations you will need to do after the initial provisioning of the CIF add-on.
To connect the CIF add-on & the AEM CIF Core Components with a commerce solution, you need to provide the GraphQL endpoint URL via a Cloud Manager environment variable. The variable name is
COMMERCE_ENDPOINT. A secure connection via HTTPS must be configured.
This environment variable is used in two places:
/api/graphql. This is used by the AEM commerce authoring tools (CIF add-on) and CIF client-side components.
A different GraphQL endpoint URL can be used for each AEM as a Cloud Service environment. That way projects can connect AEM staging environments with commerce staging systems and AEM production environment to a commerce production system. That GraphQL endpoint must be publicly available, private VPN or local connections are not supported. Optionally, an authentication header can be provided in order to use additional CIF features that require authentication.
Optional and only for Adobe Commerce Enterprise / Cloud the CIF add-on supports the use of staged catalog data for AEM authors. This requieres to configure an authorization token. The configured authorization token is only available and used on AEM author instances for security reasons. AEM publish instances cannot show staged data.
There are two options to configure the endpoint:
This can be done using a dialog on the Environment Details page. When viewing this page for a Commerce-enabled program, a button will be displayed if the endpoint is not currently configured:
Clicking this button opens a dialog:
After the endpoint (optionally an authentication token for staged catalog support) is set, the endpoint will be displayed on the detail page. Clicking the Edit icon will open the same dialog where the endpoint can be modified if necessary.
To connect AEM with a commerce solution via Adobe I/O CLI, follow these steps:
Get the Adobe I/O CLI with the Cloud Manager plugin
Authenticate the Adobe I/O CLI with the AEM as a Cloud Service program
COMMERCE_ENDPOINT variable in Cloud Manager
aio cloudmanager:set-environment-variables ENVIRONMENT_ID --variable COMMERCE_ENDPOINT "<Magento GraphQL endpoint URL>"
See CLI docs for details.
The commerce GraphQL endpoint URL must point to commerce’s GraphQl service and use a secure HTTPS connection. For example:
Enable Staged catalog features that require authentication (Optional)
This feature is only available with Adobe Commerce Enterprise or Cloud Edition. See Token-based authentication for details.
COMMERCE_AUTH_HEADER secret variable in Cloud Manager:
aio cloudmanager:set-environment-variables ENVIRONMENT_ID --secret COMMERCE_AUTH_HEADER "Authorization: Bearer <Access Token>"
You can list all Cloud Manager variables using the following command to double-check:
aio cloudmanager:list-environment-variables ENVIRONMENT_ID
With this, you are ready to use AEM Commerce as a Cloud Service and can deploy your project via Cloud Manager.
The CIF add-on and the CIF Core Components can be used on multiple AEM site structures connected to different commerce stores (or store views, etc) .By default, the CIF add-on is deployed with a default config connecting to Adobe Commerce’s default store and catalog (Magento).
This configuration can be adjusted for the project via the CIF Cloud Service config following these steps:
In AEM go to Tools -> Cloud Services -> CIF Configuration
Select the commerce configuration you want to change
Open the configuration properties via the action bar
The following properties can be configured:
GraphQL Client - select the configured GraphQL client for commerce backend communication. This should typically stay at default.
Store View - the (Magento) store view identifier. If empty, the default store view will be used.
GraphQL Proxy Path - the URL path GraphQL Proxy in AEM use to proxy requests to the commerce backend GraphQL endpoint.
In most setups the default value
/api/graphql must not be changed. Only advanced setup not using the provided GraphQL proxy should change this setting.
Enable Catalog UID Support - enable support for UID instead of ID in the commerce backend GraphQL calls.
Support for UIDs got introduced in Adobe Commerce (Magento) 2.4.2. Only enable this if your commerce backend supports a GraphQL schema of version 2.4.2 or later.
Catalog Root Category Identifier - the identifier (UID or ID) of the store catalog root
Starting with CIF Core Components version 2.0.0 the support for
id was removed and replaced with
uid. If your project uses CIF Core Components version 2.0.0 you must enable Catalog UID Support and use a valid category UID as “Catalog Root Category Identifier”.
The configuration shown above is for reference. Projects should provide thier own configurations.
For more complex setups using multiple AEM site structures combined with different commerce catalogs see the Commerce Multi-Store Setup tutorial.