Understand how the Content Fragment Model. Navigate to the Software Distribution Portal > AEM as a Cloud Service. The AEM Headless quick setup gets you hands-on with AEM Headless using content from the WKND Site sample project, and a sample React App (a SPA) that consumes the content over AEM Headless GraphQL APIs. AEM Headless GraphQL queries can return large results. Complete the quick setup for AEM as a Cloud Service to configure your AEM as a Cloud Service environment. Persisted queries are similar to the concept of stored procedures in SQL databases. Download the latest GraphiQL Content Package v. 5 the GraphiQL IDE tool must be manually installed. GraphQL API. 0 or later. Improving microservice architecture with GraphQL API gateways. We set up headless content delivery and headless content management by using AEM’s GraphQL to deliver and Assets API to manage content (via Content Fragments). View the source code on GitHub. Double-click the aem-author-p4502. Path to your first experience using AEM Headless: Setup your development environment and learn how to integrate a simple app with AEM Headless: 4: How to model your content: Learn how to model your content structure. Prerequisites. 1 - Modeling Basics; 2 - Advanced Modeling; 3 - Creating GraphQL Queries; 4 - Content Fragment Variations; 5 - GraphQL Endpoints; 6 - Author and Publish Architecture; 7 - GraphQL Persisted Queries; Basic Tutorial. On this page. The Angular app is developed and designed to be deployed with AEM’s SPA Editor, which maps Angular components to AEM components. Browse the following tutorials based on the technology used. TIP. Run the following command to start the SDK: (on Microsoft® Windows) sdk. 5 Forms or earlier to AEM Forms as a Cloud Service; Groups and permissions; Import, export, and organize Adaptive Forms, PDF forms, and other assets; Integrate. What you will build. Learn. The zip file is an AEM package that can be installed directly. js App. You need to define the schema beforehand =>. Cloud Service; AEM SDK; Video Series. How to use. Overview; 1 - Content modeling; 2 - AEM Headless APIs and React; 3 - Complex components;. The HTTP GET requests from the headless app to AEM’s GraphQL APIs must be configured to interact with the correct AEM service, as. Tutorials by framework. The following are required to follow this quick setup: AEM as a Cloud Service Sandbox environment (preferably Development) The advanced tutorial illustrates in-depth aspects of working with Content Fragment Models, Content Fragments, and the AEM GraphQL persisted queries, including using the GraphQL persisted queries in a client application. The application uses two persisted queries: wknd/adventures-all persisted query, which returns all adventures in AEM with an abridged set of properties. The data fields are defined within GraphQL schemas, that define the structure of your content objects. GraphiQL is included in all environments of AEM (but will only be accessible/visible when you configure your endpoints). 1 - Modeling Basics; 2 - Advanced Modeling. This architecture features some inherent performance flaws, but is fast to implement and. GraphQL efficiently retrieves data from AEM, and we’ll set up and configure endpoints to expose desired data. Quick Setup in AEM Let's start with the basic setup to see how simple the configuration is. Sometimes when developing client applications, you need to conditionally change the structure of your queries. Querying AEM using GraphQL using persisted queries (as opposed to client-defined GraphQL queries) allows developers to persist a query (but not its results) in AEM, and then request the query to be executed by name. js installed on your machine, run the following commands to set up your server environment: --CODE language-markup line-numbers--npm init //creates your package. The first step is to set up an Express server, which you can do before writing any GraphQL code. I tried adding the /api/graphql to the CSRF filter's exclude. Quick setup. In this chapter, you use the GraphiQL Explorer to define more advanced queries to gather data of the. The AEM GraphQL API allows you to update the default cache-control parameters to your queries in order to improve. The GraphiQL tool also enables users to persist or save queries to be used by client applications in a production setting. Create Content Fragment Models. First of all, we will implement the GraphQL server with the popular Express framework. zip or greater aem-guides-wknd-graphql source code This tutorial. First, using the Cloud Manager UI, copy the values of the Organization, Program, and Environment ID. all. The response of a GET request can be cached at the dispatcher and CDN layers, ultimately improving the performance of the requesting client. The following configurations are examples. x. Once headless content has been translated,. The AEM Headless quick setup gets you hands-on with AEM Headless using content from the WKND Site sample project, and a sample React App (a SPA) that consumes the content over AEM Headless GraphQL APIs. Download the latest GraphiQL Content Package v. Prerequisites. Search for “GraphiQL” (be sure to include the i in GraphiQL ). 1 - Modeling Basics; 2 - Advanced Modeling; 3 - Creating GraphQL Queries; 4 - Content Fragment Variations; 5 - GraphQL Endpoints; 6 - Author and Publish Architecture; 7 - GraphQL Persisted Queries; Basic Tutorial. If you require a basic introduction to creating Content Fragment Models, please see the appropriate chapter in the basic tutorial. This starts the author instance, running on port 4502 on the. Adobe Experience Manager as a Cloud Service’s Cross-Origin Resource Sharing (CORS) facilitates non-AEM web properties to make browser-based client-side calls to AEM’s GraphQL APIs, and other AEM Headless resources. Using the GraphiQL IDE. Further Reference. 0+ version supports GraphQL API to expose the Content Fragment to enable the headless content experience. Let’s create some Content Fragment Models for the WKND app. The following are required to follow this quick setup: AEM as a Cloud Service Sandbox environment. Prerequisites. This guide uses the AEM as a Cloud Service SDK. NOTE. Persisted GraphQL queries. json file npm i express express-graphql graphql //installs dependencies and adds to package. With AEM as a Cloud Service, Adobe is moving away from an AEM instance-centric model to a service-based view with n-x AEM Containers, driven by CI/CD pipelines in the Cloud Manager. In AEM 6. methods must be set to [GET]Quick setup. View next: Learn. x. The initial set up of the mock JSON does require a local AEM. In an MSM setup, typically one AEM site is linked to one Adobe Commerce store view. Overview; 1 - Defining Content Fragment Models; 2 - Authoring Content. Having a shared nothing architecture might seem reasonable from the microservices. Explore the AEM GraphQL API. With Adobe Experience Manager (AEM), you can use Content Fragments, together with the AEM GraphQL API (a customized implementation, based on standard GraphQL), to headlessly deliver structured content for use in your applications. The initial set up of the mock JSON does require a local AEM instance. An end-to-end tutorial illustrating how to build-out and expose content. Select WKND Shared to view the list of existing. Update cache-control parameters in persisted queries. Complete the quick setup for AEM as a Cloud Service to configure your AEM as a Cloud Service. Quick setup takes you directly to the end state of this tutorial. Navigate to Tools > General > Content Fragment Models. GraphQL. AEM GraphQL API requests. An end-to-end tutorial illustrating how to build-out and expose content using AEM Headless. js initializes and exports the AEM Headless Client used to communicate with AEM; src/api/usePersistedQueries. The purpose of this integration layer is to map third-party APIs and schemas against the supported Adobe Commerce GraphQL APIs and schemas outside of the Experience Manager. We have a business requirement where we need to secure AEM graphql endpoint with OKTA. If you want to import a GraphQL schema and set up field resolvers using REST or SOAP API endpoints, see Import a GraphQL schema and set up field resolvers. Assuming you already have Node. 5 service pack 12. ; Render a Carousel with a list of Magento products defined in a Content Fragment (via CIF). Wrap the React app with an initialized ModelManager, and render the React app. Navigate to the Software Distribution Portal > AEM as a Cloud Service. The zip file is an AEM package that can be installed directly. The example above enables CORS requests from along with If you want to use Apollo Studio Explorer as a GraphQL web IDE, you should include. Quick setup. Prior to starting this tutorial ensure the following AEM instances are installed and running on your local machine:This document is part of a multi-part tutorial. The advanced tutorial illustrates in-depth aspects of working with Content Fragment Models, Content Fragments, and the AEM GraphQL persisted queries, including using the GraphQL persisted queries in a client application. Next, explore the power of AEM’s GraphQL API using the built-in GraphiQL Explorer. To set up your PWA Studio app, follow the Adobe Commerce PWA Studio documentation. File code below:Sling uses a Java Content Repository, such as Apache Jackrabbit, or in the case of AEM, the CRX Content Repository as its data store. x. AEM GraphQL API requests. The GraphQL API in AEM allows you to expose Content Fragment data to downstream applications. The AEM Headless quick setup gets you hands-on with AEM Headless using content from the WKND Site sample project, and a sample React App (a SPA) that consumes the content over AEM Headless GraphQL APIs. Before starting with queries on your content you need to: Enable your endpoint Use Tools -> General -> GraphQL; Enabling your GraphQL Endpoint. Complete the quick setup for AEM as a Cloud Service to configure your AEM as a Cloud Service. The sample React app has three main parts: The src/api folder contains files used to make GraphQL queries to AEM. How to set up S3/Azure destinations for Data Warehouse? Total number of users for each product in Admin Console;. An end-to-end tutorial illustrating how to build-out and expose content using AEM Headless. Overview; 1 - Defining Content Fragment Models; 2 - Authoring Content. Using a set of primary source assets, Dynamic Media generates and delivers multiple variations of rich content in real time. On your terminal run the following command. Cloud Service; AEM SDK; Video Series. The following properties can be configured: GraphQL Client - select the configured GraphQL client for commerce backend communication. To set up the Gatsby app, you first need to install the Gatsby CLI, which lets you quickly create new Gatsby-powered sites and run. These assets need to be stored in AEM before creating a referencing Content Fragment. Adobe Experience Manager as a Cloud Service’s Cross-Origin Resource Sharing (CORS) facilitates non-AEM web properties to make browser-based client-side calls to AEM’s GraphQL APIs, and other AEM Headless resources. Persisted GraphQL queries. One could export an AEM page in JSON format via a REST call, however there are many fields in the JSON that the Spring Boot app does not use. Recommendation. Select WKND Shared to view the list of existing. Take an exam and earn a credential that validates your skills and knowledge. An end-to-end tutorial illustrating how to build-out and expose content using AEM Headless. Glad that it worked. js; layout. The AEM Headless quick setup gets you hands-on with AEM Headless using content from the WKND Site sample project, and a sample React App (a SPA) that consumes the content over AEM Headless GraphQL APIs. js We'll use Urql as the GraphQL client on the frontend, but you can use any library you like. Learn how to create, update, and execute GraphQL queries. Persisted GraphQL queries. Use AEM GraphQL pre-caching. js v18; Git; 1. Navigate to Tools, General, then select GraphQL. An end-to-end tutorial illustrating how to build-out and expose content using AEM. js initializes and exports the AEM Headless Client used to communicate with AEM; src/api/usePersistedQueries. An end-to-end tutorial illustrating advanced concepts of Adobe Experience Manager (AEM) GraphQL APIs. An end-to-end tutorial illustrating how to build-out and expose content using AEM Headless. This cross-site request requires CORS to be set up on AEM to allow request from the Netlify domain to access its content. 1 - Modeling Basics; 2 - Advanced Modeling; 3 - Creating GraphQL Queries; 4 - Content Fragment Variations; 5 - GraphQL Endpoints; 6 - Author and Publish Architecture; 7 - GraphQL Persisted Queries; Basic Tutorial. Build ReactJS (with Apollo Client library) and jQuery client applications to consume the API. 0 versions enable the GraphQL runtime platform to expose the Content Fragments through GraphQL API. Content Fragments in. To address this problem I have implemented a custom solution. This cross-site request requires CORS to be set up on AEM to allow request from the Netlify domain to access its content. This guide uses the AEM as a Cloud Service SDK. This guide uses the AEM as a Cloud Service SDK. supports headless CMS scenarios where external client applications render. Persisted queries are similar to the concept of stored procedures in SQL databases. Navigate to Tools > General > Content Fragment Models. The GraphQL API in AEM allows you to expose Content Fragment data to downstream applications. An end-to-end tutorial illustrating how to build-out and expose content using AEM Headless. If you have installed the GraphQL 1. Explore the AEM GraphQL API. Eventually, your architecture might look like this. Content fragments contain structured content: They are based on a. In the previous document of the AEM headless journey, How to Access Your Content via AEM Delivery APIs you learned how to access your headless content in AEM via the. As the stars come out, we set up our cameras for timelapses, hoping to capture some of the magic. Search for “GraphiQL” (be sure to include the i in GraphiQL). Search for “GraphiQL” (be sure to include the i in GraphiQL ). AEM’s GraphQL queries can be written to provide URLs to images based on where the image is referenced from. Add the aem-guides-wknd-shared. To determine the correct approach for managing build dependent configurations, reference the AEM Headless app’s framework (for example, React, iOS, Android™, and so on) documentation, as the approach varies by framework. js application demonstrates how to query content using AEM’s GraphQL. Overview; 1 - Defining Content Fragment Models; 2 - Authoring Content. Open command prompt and navigate to the aem-forms-addon-native-<version> folder. This document is designed to be viewed using the frames feature. Learn about the different data types that can be used to define a schema. This article describes how to work with large results in AEM Headless to ensure the best performance for your application. Schemas on publish are the most critical as they provide the foundation for live delivery of Content Fragment. src/api/aemHeadlessClient. Overview; 1 - Defining Content Fragment Models; 2 - Authoring Content. This guide uses the AEM as a Cloud Service SDK. AEM Headless GraphQL Video Series Learn about AEM’s GraphQL capabilities through the in-depth walk-through of Content Fragments and and AEM’s GraphQL APIs and development tools. 1 - Modeling Basics; 2 - Advanced Modeling; 3 - Creating GraphQL Queries; 4 - Content Fragment Variations; 5 - GraphQL Endpoints; 6 - Author and Publish Architecture; 7 - GraphQL Persisted Queries; Basic Tutorial. config config. The AEM Headless quick setup gets you hands-on with AEM Headless using content from the WKND Site sample project, and a sample React App (a SPA) that consumes the content over AEM Headless GraphQL APIs. Repeat the above steps to create a fragment representing Alison Smith:Persisted queries are queries that are stored on the Adobe Experience Manager (AEM) server. This can be done through either npm or yarn. AEM as a Cloud Service; Local set up using the AEM Cloud Service SDK. 18, from inside the Page Editor, if you select [!UICONTROL Publish Page], you are redirected to a URL that does not exist. Quick setup. Next, deploy the updated SPA to AEM and update the template policies. Prerequisites. In this video you will: Understand the power behind the GraphQL language. Now that you’ve initialized the project, install the packages you need to set up the GraphQL server: sudo npm install --save express express-graphql graphql Create a new file called index. The following tools should be installed locally: JDK 11; Node. Create Content Fragment Models. 5. Anatomy of the React app. 3 and above. The GraphQL API in AEM allows you to expose Content Fragment data to downstream applications. This tutorial explores how AEM’s GraphQL APIs and headless capabilities can be used to power the experiences surfaced in an external app. Double-click the aem-publish-p4503. This part of the journey applies to the Cloud Manager administrator. Learn about the various data types used to build out the Content Fragment Model. So I should be able to do this: { Adventure { adventureTitle }} But. Build a React JS app using GraphQL in a pure headless scenario. /config and call it appollo. View the source code on GitHub. extensions must be set to [GQLschema] sling. Using AEM Multi Site Manager, customers can. As the stars come out, we set up our cameras for timelapses, hoping to capture some of the magic. For a third-party service to connect with an AEM instance it must have an. The ImageComponent component is only visible in the webpack dev server. Select Create. AEM GraphQL API requests. Clone the adobe/aem-guides-wknd. js; How to set up a Gatsby app. Multiple requests can be made to collect. Set up Dynamic Media. The course covers the end-to-end development of a. Experience League The GraphiQL Explorer tool enables developers to create, and test queries against content on the current AEM environment. This guide uses the AEM as a Cloud Service SDK. Developer. GraphiQL is included in all environments of AEM (but will only be accessible/visible when you configure your endpoints). This component is able to be added to the SPA by content authors. The AEM Headless quick setup gets you hands-on with AEM Headless using content from the WKND Site sample project, and a sample React App (a SPA) that consumes the content over AEM Headless GraphQL APIs. AEM Headless Developer Portal; Overview; Quick setup. Select the commerce configuration you want to change. Learn how to create GraphQL queries to return content from Adobe Experience Manager (AEM) and how to use the GraphiQL tool to quickly test, refine, and debug queries. Next, explore the power of AEM’s GraphQL API using the built-in GraphiQL IDE. The latest version of AEM and AEM WCM Core Components is always recommended. An end-to-end tutorial illustrating how to build-out and expose content using AEM’s GraphQL APIs and consumed by an external app, in a headless CMS scenario. In AEM, GraphQL is only working with Content Fragments at the moment, which have a structure defined by the Content Fragment Models. npm install -E @okta/okta-angular@4. In AEM go to Tools > Cloud Services > CIF Configuration. Prerequisites. GraphiQL is included in all environments of AEM (but will only be accessible/visible when you configure your endpoints). Download the latest GraphiQL Content Package v. Quick setup. Recommendation. The GraphiQL tool also enables users to persist or save queries to be used by client applications in a production setting. Developer. Connect them to Magento instance: AEM GraphQL is typically enabled by. 5 service pack 12. AEM Headless single-page app (SPA) deployments involve JavaScript-based applications built using frameworks such as React or Vue, that consume and interact with content in AEM in a headless manner. It also allows AEM Authors to use Product and Category Pickers and the Product Console to browse through product and. AEM Headless Developer Portal; Overview; Quick setup. The /api/graphql is throwing 403 errors which means no frontend commerce operation is happening on the storefront. This repository demonstrates how to use the Vue Storefront AEM integration with these examples:. 2. Ensure you adjust them to align to the requirements of your. In this video you will: Understand the power behind the GraphQL language. Also, review How to execute a Persisted query, Using query variables, and Encoding the query URL for use by an app to learn persisted query execution by client applications. This cross-site request requires CORS to be set up on AEM to allow request from the Netlify domain to access its content. New capabilities with GraphQL. Download the latest GraphiQL Content Package v. The AEM Headless quick setup gets you hands-on with AEM Headless using content from the WKND Site sample project, and a sample React App (a SPA) that consumes the content over AEM Headless GraphQL APIs. This tutorial explores how AEM’s GraphQL APIs and headless capabilities can be used to power the experiences surfaced in an external app. But in this project, we will use. AEM Headless supports a offset/limit and cursor-based pagination queries to smaller subsets of a larger result set. Follow the steps below to configure the bundle:. Overview; 1 - Defining Content Fragment Models; 2 - Authoring Content. x. AEM performs best, when used together with the AEM Dispatcher cache. Vue Storefront AEM Integration Examples. Cloud Service; AEM SDK; Video Series. 10. Content Fragments. Set up your basic Node. The ui. The GraphiQL tool also enables users to persist or save queries to be used by client applications in a production setting. jso n file. Complete the quick setup for AEM as a Cloud Service to configure your AEM as a Cloud Service environment. The AEM CIF Core Components together with the AEM CIF Add-On offer authoring and frontend integration between AEM (Adobe Experience Manager) and Adobe Commerce. Overview; 1 - Defining Content Fragment Models; 2 - Authoring Content. Overview; 1 - Defining Content Fragment Models; 2 - Authoring Content. Prerequisites. Without Introspection and the Schema, tools like these wouldn't exist. Prerequisites. AEM GraphQL configuration issues. Prerequisites. Cloud Service; AEM SDK; Video Series. Quick setup. The following guide walks you through setting up the Adobe Experience Manager (AEM) integration with Vue Storefront. The advanced tutorial illustrates in-depth aspects of working with Content Fragment Models, Content Fragments, and the AEM GraphQL persisted queries, including using the GraphQL persisted queries in a client application. Prerequisites. Cloud Service; AEM SDK; Video Series. Tutorials by framework. 5 or later; AEM WCM Core Components 2. js v18; Git; 1. If you require a basic introduction to creating Content Fragment Models, please see the appropriate chapter in the basic tutorial. In the src/components/Hero. SlingSchemaServlet. An end-to-end tutorial illustrating how to build-out and expose content using AEM Headless. The AEM GraphQL API allows you to update the default cache-control parameters to your queries in order to. Step 7: Set up Urql GraphQL client with Next. Prerequisites. Persisted queries are similar to the concept of stored procedures in SQL databases. The Story So Far. x. cd next-graphql-app. Imagine a standalone Spring boot application (outside AEM) needs to display content. Navigate to the Software Distribution Portal > AEM as a Cloud Service. Querying AEM using GraphQL using persisted queries (as opposed to client-defined GraphQL queries) allows developers to persist a query (but not its results) in AEM, and then request the query to be executed by name. Rich text with AEM Headless. In the basic tutorial multi-step GraphQL tutorial, you used the GraphiQL Explorer to test and refine the GraphQL queries. 5. Ensure you adjust them to align to the requirements of your project. Select WKND Shared to view the list of existing. References to other content, such as images or other Content Fragments can be dynamically inserted in-line within the flow of the text. You’ll learn how to set up your development environment, establish a connection between React and AEM, retrieve content using GraphQL queries, and render it dynamically in your web. Persisted GraphQL queries. AEM Headless GraphQL queries can return large results. Express will be the framework for your server. Querying AEM using GraphQL using persisted queries (as opposed to client-defined GraphQL queries) allows developers to persist a query (but not its results) in AEM, and then request the query to be executed by name. This setup pattern is currently used by the majority of our AEM Content and Commerce customers. This setup establishes a reusable communication channel between your React app and AEM. commerce. They let you prepare content ready for use in multiple locations/over multiple channels, ideal for headless delivery. Experience LeagueThe following are examples of possible approaches for constructing URLs for AEM GraphQL API and image requests, for several popular headless frameworks and platforms. Explore the AEM GraphQL API. The following tools should be installed locally: JDK 11;. The AEM plugins must be configured to interact with your RDE. Following AEM Headless best practices, the iOS application uses AEM GraphQL persisted queries to query adventure data. The GraphiQL Explorer tool enables developers to create, and test queries against content on the current AEM environment. An end-to-end tutorial illustrating how to build-out and expose content using AEM’s GraphQL APIs and consumed by an external app, in a headless CMS scenario. To help with this see: A sample Content Fragment structureThe other fields were added automatically by AEM, and represent helpful methods to provide information about a certain Content Fragment; in this example, (the helper fields) _path, _metadata, _variations. Courses Recommended courses Tutorials Certification Events Instructor-led training Browse content library View all learning options. Learn how to configure Cross-origin resource sharing (CORS) for use with AEM GraphQL. Unzip the download and copy the Quickstart jar ( aem-sdk-quickstart-XXX. js and subsequently open this file by running: sudo nano index. This is done by sending a GraphQL query to the endpoint, which will then return the requested data in a JSON format. Sign In. Experience LeagueAn end-to-end tutorial illustrating how to build-out and expose content using AEM’s GraphQL APIs and consumed by an external app, in a headless CMS scenario. Quick setup. 2. Program ID: Copy the value from Program Overview >. Overview; 1 - Defining Content Fragment Models; 2 - Authoring Content. The configured AEM service’s host/domain is then used to construct the AEM GraphQL API URLs and Image URLs. Learn how to create GraphQL queries to return content from Adobe Experience Manager (AEM) and how to use the GraphiQL tool to quickly test, refine, and debug queries. In this chapter, you use the GraphiQL Explorer to define more advanced queries to gather data of the. The following are required to follow this quick setup: AEM as a Cloud Service Sandbox environment (preferably Development)AEM Headless is a CMS solution from Experience Manager that allows structured content (Content Fragments) in AEM to be consumed by any app over HTTP using GraphQL. GraphQL for AEM - Summary of Extensions. Learn how to query a list of. Cloud Service; AEM SDK; Video Series. The sample React app has three main parts: The src/api folder contains files used to make GraphQL queries to AEM. This tutorial — the first in the series — is about getting started with GraphQL on the frontend. Using GraphQL on the other hand does NOT have the extra unwanted data. The AEM Headless quick setup gets you hands-on with AEM Headless using content from the WKND Site sample project, and a sample React App (a SPA) that consumes the content over AEM Headless GraphQL APIs. It require basic understanding of below mentioned points to look into GraphQL implementation: Setup AEM as a cloud service in local; Headless Architecture; Content Fragment; Configure GraphQL endpointThe advanced tutorial illustrates in-depth aspects of working with Content Fragment Models, Content Fragments, and the AEM GraphQL persisted queries, including using the GraphQL persisted queries in a client application. Learn how to create relationships between Content Fragment Models in Adobe Experience Manager (AEM) and how to leverage these relationships in GraphQL queries. An end-to-end tutorial illustrating how to build-out and expose content using AEM Headless. The SPA is served from a Netlify domain, but makes an XHR call to AEM GraphQL APIs on a different domain. 0. It only takes about 20–30 minutes, and by the end of it you’ll have a very simple React UI that loads its data with. In the left-hand rail, expand My Project and tap English. Developer. Learn how to enable, create, update, and execute Persisted Queries in AEM. An end-to-end tutorial illustrating how to build-out and expose content using AEM Headless. zip file. AEM as a Cloud Service; Local set up using the AEM Cloud Service SDK. GraphQL. How to use. In AEM 6. After you complete onboarding to the service, login to your AEM Forms as a Cloud Service environment, open Author and Publish instances, and add users to Forms-specific AEM groups, based on their persona.