Aem headless mobile. An end-to-end tutorial illustrating how to build-out and expose content using AEM Headless. Aem headless mobile

 
 An end-to-end tutorial illustrating how to build-out and expose content using AEM HeadlessAem headless mobile  The React app should contain one instance of the <Page> component exported from @adobe/aem-react-editable-components

A simple weather component is built. The examples below use small subsets of results (four records per request) to demonstrate the techniques. Get a free trial AEM Headless APIs allow accessing AEM content from any client app. AEM Headless tutorials - If you prefer to learn by doing and have existing knowledge of AEM, take our hands-on tutorials organized by API and framework, that explore creating and using applications built on AEM Headless. Rich text with AEM Headless. Developer. Learn how to configure AEM for SPA Editor; 2. This is your 24 hour, developer access token to the AEM as a Cloud Service environment. Once headless content has been. AEM provides robust content management capabilities and exposes Headless APIs that allow developers to access content and data stored in AEM through a variety of channels and applications. From the AEM Start screen, navigate to Tools > General > GraphQL Query Editor. Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). PrerequisitesTo understand the headless concept we have to understand the given diagram. A modern content delivery API is key for efficiency and performance of Javascript-based frontend applications. Developer. Chapter 1 of the AEM Headless tutorial the baseline setup for the AEM instance for the tutorial. As per Adobe, AEM CMS empower teams to deliver brand and country sites experiences 66% faster with 23% higher productivity. This tutorial uses a simple native Android Mobile App to consume and display Event content exposed by AEM Content Services. In the previous document of the AEM headless journey, Getting Started with AEM Headless as a Cloud Service you learned the basic theory of what a headless CMS is and you should now: ; Understand the basics of AEM's headless features. Provide a Model Title, Tags, and Description. Enable developers to add automation to. AEM GraphQL API requests. AEM Headless GraphQL Video Series. js app uses AEM GraphQL persisted queries to query. Below is a summary of how the Next. Client type. The models available depend on the Cloud Configuration you defined for the assets. Here you can specify: Name: name of the endpoint; you can enter any text. You also learn how you can create editable SPAs using AEM’s SPA Editor framework, and integrate external SPAs, enabling editing capabilities as required. View the source code on GitHub. npm module; Github project; Adobe documentation; For more details and code. A collection of Headless CMS tutorials for Adobe Experience Manager. Navigate to Tools, General, then select GraphQL. Search for “GraphiQL” (be sure to include the i in GraphiQL). js app uses AEM GraphQL persisted queries to query. Once headless content has been translated,. This tutorial explores how AEM’s GraphQL APIs and headless capabilities can be used to power the experiences surfaced in an external app. Comprehensive Digital Experience Platform. Headless Journeys are designed for varying personas, laying out the requirements, steps, and approach to implementing headless solutions from different perspectives. Get a free trial. The AEM Headless SDK is set of libraries that can be used by clients to quickly and easily interact with AEM Headless APIs over HTTP. Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). The AEM Headless SDK is available for various platforms: AEM Headless SDK for client-side browsers (JavaScript) AEM Headless SDK for server-side/Node. The following are required to follow this quick setup: AEM as a Cloud Service Sandbox environment. Get ready for Adobe Summit. The Create new GraphQL Endpoint dialog box opens. This simple React app uses the AEM Headless SDK to query AEM Headless APIs for an Adventure content, and displays the web-optimized image using img element with srcset and picture element. The full code can be found on GitHub. I should the request If anyone else calls AEM. When authorizing requests to AEM as a Cloud Service, use. Hello, I’m Tom primarily a retailer but also a technology delivery manager at BIG W. This server-to-server application demonstrates how to query content using AEM’s GraphQL APIs using persisted queries and print it on terminal. js application demonstrates how to query content using AEM's GraphQL APIs using persisted queries. Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). This setup establishes a reusable communication channel between your React app and AEM. Our employees are the most important assets of our company. Level 2: In addition to level one: The RemotePage component can be used to embed the external SPA into AEM where AEM content can be viewed in-context. Headless content management is a key development for today’s web design that decouples the frontend, client-side applications from the backend, content management system. AEM provides AEM React Editable Components v2, an Node. AEM is a comprehensive platform for creating, managing, and delivering digital experiences across various channels. AEM hosts;. AEM hosts;. AEM Headless mobile deployments are native mobile apps for iOS, Android™, etc. The AEM Headless SDK is available for various platforms: AEM Headless SDK for client-side browsers (JavaScript) AEM Headless SDK for server-side/Node. Objective. An individual journey is defined for a specific persona or audience, but also defines additional personas with which the reader interacts. Permission considerations for headless content. Build a React JS app using GraphQL in a pure headless scenario. You have complete control over how the content is displayed on several platforms, including desktop, mobile, IoT, and PIM systems. Create your first React Single Page Application (SPA) that is editable in Adobe Experience Manager AEM with the WKND SPA. Included in the WKND Mobile AEM Application Content Package below. This article provides insights into how Headless Adaptive Forms work, and how they can be integrated with different applications to simplify the form building process. X. This tutorial uses a simple Node. Deploying a SPA that interacts AEM in a headless manner involves hosting the SPA and making it accessible via a web browser. The power of AEM allows it to deliver content either headlessly, full-stack, or in both. Content authors cannot use AEM's content authoring experience. AEM’s GraphQL queries can be written to provide URLs to images based on where the image is referenced from. Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). js (JavaScript) AEM Headless SDK for Java™. The GraphiQL tool also enables users to persist or save queries to be used by client applications in a production setting. The simple approach = SSL + Basic Auth. Navigate to Tools > General > Content Fragment Models. For publishing from AEM Sites using Edge Delivery Services, click here. AEM as a Cloud Service lets you capitalize on the AEM applications in a cloud-native way, so that you can: Scale your DevOps efforts with Cloud Manager: CI/CD framework, autoscaling, API connectivity, flexible deployment modes, code quality gates, service delivery transparency, and guided updates. In a real application, you would use a larger number. 5 or later. Overview; Single-page app; Web Component; Mobile; Server-to-server; Configurations. Created for: Intermediate. The full code can be found on GitHub. Learn. A classic Hello World message. AEM Headless client deployments take many forms; AEM-hosted SPA, external SPA, web site, mobile app, or even server-to-server process. The AEM Headless Client for Java is used to execute the GraphQL queries and map data to Java objects to power the app. @adobe/aem-spa-component-mapping: provides the API that map AEM content to SPA components. AEM provides robust content management capabilities and exposes Headless APIs that allow developers to access content and data stored in AEM through a variety of channels and applications. Adobe Experience Manager Sites Features Headless CMS Developers and business users have the freedom to create and deliver content using headless or headful models out of the box, letting them structure and deliver content to any front-end framework. Persisted queries are queries that are stored on the Adobe Experience Manager (AEM) server. This is a critical configuration when using SPA Editor, since only AEM Components that have mapped SPA component counterparts are render-able by the SPA. Clients interacting with AEM Author need to take special care, as. Next, explore the power of AEM’s GraphQL API using the built-in GraphiQL Explorer. ; Be aware of AEM's headless integration. Ensure only the components which we’ve provided SPA. Can anyone tell. js (JavaScript) AEM Headless SDK for Java™ Persisted GraphQL. Editable Templates are used to define the JSON content structure AEM Content Services exposes to clients via the composition of Content Services enabled AEM Components. js application is as follows: The Node. Below is a summary of how the React application is built, how it connects to AEM Headless to retrieve content using GraphQL persisted queries, and how that data is presented. AEM has multiple options for defining headless endpoints and delivering its content as JSON. GraphQL API View more on this topic. First, explore adding an editable “fixed component” to the SPA. js-based SDK that allows the creation of React components, that support in-context component editing using AEM SPA Editor. By leveraging AEM Headless APIs, you can retrieve content, assets, and data from your AEM instance and use them to power your React application. Headless AEM offers a host of benefits that can revolutionize the way businesses approach content management. The most common deployment pattern with AEM headless applications is to have the production version of the application connect to an AEM Publish service. The advanced tutorial illustrates in-depth aspects of working with Content Fragment Models, Content Fragments, and the AEM GraphQL persisted. This Android application demonstrates how to query content using the GraphQL APIs of AEM. 0 or later. Level 1: Content Fragments and the AEM headless framework can be used to deliver AEM content to the SPA. The navigation menu is driven by the AEM page hierarchy and will make use of the JSON model provided by the Navigation Core Component. Tap on the Bali Surf Camp card in the SPA to navigate to its route. AEM Local Development Access Tokens are used to accelerate the development of integrations with AEM as a Cloud Service that programmatically interacts with AEM Author or Publish services over HTTP. 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. AEM Forms Headless Adaptive Forms provide a fast and efficient way to create forms for various platforms including Headless or Headful CMS, React applications, Single Page Applications (SPA), Web Apps, Mobile apps, Amazon Alexa, Google Assistant, WhatsApp, and more. Overview. An end-to-end tutorial illustrating how to build-out and expose content using AEM Headless. AEM GraphQL API requests. 3. 5. Learn how to extend the JSON Model for an existing Core Component to be used with the AEM SPA Editor. The AEM Headless SDK is available for various platforms: AEM Headless SDK for client-side browsers (JavaScript) AEM Headless SDK for server-side/Node. An end-to-end tutorial illustrating how to build-out and expose content using. AEM 6. Learn how to use Content Fragments in Adobe Experience Manager (AEM) as a Cloud Service with the AEM GraphQL API for headless content delivery. AEM. Topics: Content Fragments. Enable developers to add automation. Learn about the architecture of AEM Forms Headless Adaptive Forms and how it can help you quickly build forms for various platforms. react. AEM hosts; CORS; Dispatcher filters. 1. AEM Headless Translation Journey - This documentation journey gives you a broad understanding of headless. TIP. Tap Create new technical account button. AEM incorporates caching mechanisms, CDNs, and a robust server infrastructure to handle high traffic and demanding workloads. The configured AEM service’s host/domain is then used to construct the AEM GraphQL API URLs and Image URLs. Time; Headless Developer Journey: For developers new to AEM and headless technologies, start here for a comprehensive introduction to AEM and its headless features from the theory of headless through going live with your first headless project. Depending on the client and how it is deployed, AEM Headless deployments have different considerations. 1. The srcset and sources use a custom setParams function to append the web-optimized delivery query parameter to the _dynamicUrl of the. Headless is an example of decoupling your content from its presentation. From the AEM Start Screen, tap Content Fragments to open up the Content Fragments UI. The AEM Headless SDK is available for various platforms: AEM Headless SDK for client-side browsers (JavaScript) AEM Headless SDK for server-side/Node. Explore the power of a headless CMS with a free, hands-on trial. While client-side GraphQL queries can also be executed using HTTP POST requests, which cannot be cached, persisted. Content Fragments used in AEM Headless content modeling, often reference image assets intended for display in the headless experience. Understanding how to add properties and content to an existing component is a powerful technique to expand the capabilities of an AEM SPA Editor implementation. Following AEM Headless best practices, the Next. This end-to-end tutorial continues the basic tutorial that covered the fundamentals of Adobe Experience Manager (AEM) Headless and GraphQL. Select Full Stack Code option. Wow your customers with AEM Headless – A discussion with Big W. Persisted queries. If the device is old or otherwise. Create and publish a headless form using starter kit; Use a custom react library to render a headless form; Create Headless adaptive formsLearn how to configure AEM hosts in AEM Headless app. The AEM Headless SDK is set of libraries that can be used by clients to quickly and easily interact with AEM Headless APIs over HTTP. We’ll cover retrieving Content Fragment data from AEM’s GraphQL APIs and displaying it in the React app. 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. CUSTOMER CARE. Open the Page Editor’s side bar, and select the Components view. If the device is old or. On Adobe headless CMS, modular content fragments can be easily reused across channels and devices and localized using Adobe Exchange’s translation capabilities. Configuring the container in AEM. The value of Adobe Experience Manager headless. This Android application demonstrates how to query content using the GraphQL APIs of AEM. Then just add a Basic Auth password, which is hard to guess. Topics: Content Fragments View more on this topic. AEM Headless CMS – GraphQL by Mujafar Shaik Abstract Hello everyone, Today I came with an exciting topic, AEM Headless CMS with GraphQL. : The front-end developer has full control over the app. 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. Welcome to the documentation for developers who are new to Adobe Experience Manager. The AEM Headless Client for Java is used to execute the GraphQL queries and map data to Java. View the source code. AEM Headless as a Cloud Service. 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. This end-to-end tutorial continues the basic tutorial that covered the fundamentals of Adobe Experience Manager (AEM) Headless and GraphQL. To explore how to use the various options. This normally means someone calls up your content on a mobile device, your CMS delivery the content, and then the mobile device (the client) is responsible for rendering the content that you served. src/api/aemHeadlessClient. The React app should contain one instance of the <Page> component exported from @adobe/aem-react-editable-components. The full code can be found on GitHub. Learn Web component/JS Learn about deployment considerations for web components. The configured AEM service’s host/domain is then used to construct the AEM GraphQL API URLs and Image URLs. The srcset and sources use a custom setParams function to append the web-optimized delivery query parameter to the _dynamicUrl of the. Overview. Next, explore the power of AEM’s GraphQL API using the built-in GraphiQL Explorer. Next several Content Fragments are created based on the Team and Person models. The AEM Headless Client for JavaScript is used to execute the GraphQL persisted queries that power the app. The AEM Headless Client for Java is used to execute the GraphQL queries and map data to Java. In the future, AEM is planning to invest in the AEM GraphQL API. Authoring Experience SPA contains editable "experience spots" which are WYSIWYG editable by AEM authors using standard AEM (core or custom) components. AEM Headless mobile deployments are native mobile apps for iOS, Android™, etc. Android Node. Click Create and Content Fragment and select the Teaser model. Using a REST API introduce challenges: From these takeaways we can recommend AEM headless or hybrid to be considered when the following points are met: You aim to deliver the same experience and code base for a content-focused page on the web and a hybrid mobile app. . Courses Recommended courses Tutorials Certification Events Instructor-led training Browse content library View all learning options. What you will build. Headless AEM empowers businesses to deliver consistent and personalized experiences across multiple channels, such as websites, mobile apps, and connected devices. Command line parameters define: The AEM as a Cloud Service Author. The Single-line text field is another data type of Content. This component is able to be added to the SPA by content authors. ) that is curated by the. The AEM Headless Client for Java is used to execute the GraphQL queries and map data to Java. 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. The full code can be found on GitHub. Last update: 2023-06-27. The full code can be found on GitHub. Stop the webpack dev server and from the root of the project, deploy the changes to AEM using your Maven skills: $ cd aem-guides-wknd-spa $ mvn clean install . AEM WCM Core Components 2. Advanced Concepts of AEM Headless. References to other content, such as images or other Content Fragments can be dynamically inserted in-line within the flow of the text. This tutorial explores how AEM Content Services can be used to power the experience of an Mobile App that displays Event information (music, performance, art, etc. Deliver content to various channels and platforms, including websites, mobile apps, IoT devices, chatbots, and more. Learn how to integrate AEM Headless with Adobe Target, by exporting AEM Content Fragments to Adobe Target, and use them to personalize headless experiences using the Adobe Experience Platform Web SDK’s alloy. The ImageRef type has four URL options for content references: _path is the referenced path in AEM. The AEM project is bootstrapped with a very simple starting point for the Angular SPA. Related Content. Once headless content has been translated,. Log into AEM and from the main menu select Tools -> Assets -> Content Fragment Models. React environment file React uses custom environment files , or . This end-to-end tutorial continues the basic tutorial that covered the fundamentals of Adobe Experience Manager (AEM) Headless and GraphQL. Careers. Tap the Technical Accounts tab. The auto-generated AEM page must have its type changed to Remote SPA page , rather than a SPA page . The full code can be found on GitHub. Headless AEM’s decoupled. that consume and interact with content in AEM in a headless manner. The AEM Headless SDK is available for various platforms: AEM Headless SDK for client-side browsers (JavaScript) AEM Headless SDK for server-side/Node. Monday to Friday. While we were hearing a lot about new publishing concept called ‘ headless CMS’, Adobe/AEM introduced Content Fragments and Experience Fragments to fulfil the needs of the headless. Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). The AEM Headless quick setup gets you hands-on with AEM Headless using content from the WKND Site sample project, and a React App that consumes the content over AEM Headless GraphQL APIs. AEM hosts; CORS;. Rich text with AEM Headless. What you will build. This multi-part tutorial walks through the implementation of a React application for a fictitious lifestyle brand, the WKND. The Android Mobile App. as JSON consumed by JavaScript (AEM SPA Editor) or a Mobile App is a function of the how that. Learn about deployment considerations for mobile AEM Headless deployments. that consume and interact with content in AEM in a headless manner. Confirm with Create. In this part of the AEM Headless Developer Journey, you will understand the steps to implementing your first headless experience in AEM including planning considerations and also learn best practices to make your path as smooth as possible. Next, deploy the updated SPA to AEM and update the template policies. We’ll be using the sample Weekend React app that is an AEM headless app, so the majority of the content on this app is powered by content fragments over AEM’s GraphQL APIs. This guide uses the AEM as a Cloud Service SDK. Navigate to Tools > General > Content Fragment Models. Run the following command to build and deploy the entire project to AEM: $ mvn clean install -PautoInstallSinglePackage. Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). This server-to-server application demonstrates how to query content using AEM’s GraphQL APIs using persisted queries and print it on terminal. Browse the following tutorials based on the technology used. By leveraging APIs, content can be tailored and optimized for each channel, ensuring a cohesive brand experience for users across touchpoints. The simple approach = SSL + Basic Auth. For the purposes of this getting started guide, you are creating only one model. This Android application demonstrates how to query content using the GraphQL APIs of AEM. AEM Headless APIs allow accessing AEM content from any client app. Overview; Single-page app; Web Component; Mobile; Server-to-server; Configurations. AEM Headless as a Cloud Service. 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. Let’s create some Content Fragment Models for the WKND app. Advanced Concepts of AEM Headless. Prerequisites. Ensure you adjust them to align to the requirements of your. View. Below is a summary of how the iOS application is built, how it connects to AEM Headless to retrieve content using GraphQL persisted queries, and how that data is presented. It is a query language API. Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). AEM Headless mobile deployments are native mobile apps for iOS, Android™, etc. The preview experience links the AEM Author’s Content Fragment editor with your custom app (addressable via HTTP), allowing for a deep link into the app that renders the Content Fragment being previewed. AEM provides AEM React Editable Components v2, an Node. AEM Headless client deployments take many forms; AEM-hosted SPA, external SPA, web site, mobile app, or even server-to-server process. ; Know the prerequisites for using AEM's headless features. The React app should contain one instance of the <Page> component exported from @adobe/aem-react-editable-components. The Content author and other. Adobe Experience Manager Sites Features Headless CMS Developers and business users have the freedom to create and deliver content using headless or headful models out of. They can author content in. AEM’s GraphQL APIs for Content Fragments. Developer. e ~/aem-sdk/author. This server-to-server application demonstrates how to query content using AEM’s GraphQL APIs using persisted queries and print it on terminal. Created for: Beginner. AEM Headless mobile deployments. This is a critical configuration when using SPA Editor, since only AEM Components that have mapped SPA component counterparts are render-able by the SPA. From the AEM Start screen, navigate to Tools > General > GraphQL Query Editor. Prerequisites. An end-to-end tutorial illustrating how to build-out and expose content using AEM Headless. First, explore adding an editable “fixed component” to the SPA. Documentation AEM AEM Tutorials AEM Headless Tutorial Add editable React container components to a Remote SPA Editable container components Fixed components provide some flexibility for authoring SPA content, however this approach is rigid and requires developers to define the exact composition of the editable content. Q: “How is the GraphQL API for AEM different from Query Builder API?” A: “The AEM GraphQL API offers total control on the JSON output, and is an industry standard for querying content. Headless AEM, or “decoupled” AEM, is Adobe Experience Manager’s approach to content delivery that separates the content from the presentation layer. This simple React app uses the AEM Headless SDK to query AEM Headless APIs for an Adventure content, and displays the web-optimized image using img element with srcset and picture element. Adobe Developer App Builder extends AEM capabilities providing dynamic content without load time lag and on single-page apps. An end-to-end tutorial illustrating how to build-out and expose content using AEM Headless. js (JavaScript) AEM Headless SDK for. An end-to-end tutorial illustrating how to build-out and expose content using AEM Headless. Looking for a hands-on. Many CMSs fall into the category of either a traditional or headless CMS. AEM Headless as a Cloud Service. Author in-context a portion of a remotely hosted React application. Populates the React Edible components with AEM’s content. We’ll cover retrieving Content Fragment data from AEM’s GraphQL APIs and displaying it in the React app. AEM Headless Translation Journey - This documentation journey gives you a broad understanding of headless technology, how AEM. View the source code on GitHub. An end-to-end tutorial illustrating advanced concepts of Adobe Experience Manager (AEM) GraphQL APIs. This server-to-server application demonstrates how to query content using AEM’s GraphQL APIs using persisted queries and print it on terminal. fts-techsupport@aem. This is the same framework used to translate other AEM content, such as Pages, Experience Fragments, Assets, and Forms. Prerequisites. Single-page app (SPA) Learn about deployment considerations for single-page apps (SPA). GraphQL API View more on this topic. js (JavaScript) AEM Headless SDK for Java™. Rich text with AEM Headless. . 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. 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. AEM provides a Translation Integration Framework for headless content, allowing Content Fragments and supporting assets to be easily translated for use across locales. In the previous document of the AEM headless journey, Learn About CMS Headless Development you learned the basic theory of what a headless CMS is and you should. 📱 Mobile Apps: With the majority of users accessing content via mobile apps, AEM's headless approach allows for efficient content distribution, ensuring your audience receives a uniform. Create Content Fragments based on the. Content Reusability: With Headless CMS, authors can create content once and reuse it across multiple channels & touchpoints. Using an AEM dialog, authors can set the location for the. GraphQL API View more on this topic. Last update: 2023-06-27. Select Edit from the mode-selector. that consume and interact with content in AEM in a headless manner. Learn about deployment considerations for mobile AEM Headless deployments. My team and I are accountable for our frontend, mobile, martech and content delivery technology, including AEM. An end-to-end tutorial illustrating how to build-out and expose content using AEM and consumed by a native mobile app, in a headless CMS scenario. X) the GraphiQL Explorer (aka GraphiQL IDE) tool needs to be manually installed, follow instruction from here. 3 - Explore the AEM GraphQL API; 4 - Persisted GraphQL Queries; 5 - Client Application Integration; Headless First Tutorial. 3 - Explore the AEM GraphQL API; 4 - Persisted GraphQL Queries; 5 - Client Application Integration; Headless First Tutorial. Chapter 2 of the AEM Headless tutorial covers enabling and defining Content Fragment Models used to define a normalized data structure and authoring interface for creating Events. @adobe/aem-spa-page-model-manager: provides the API for retrieving content from AEM. To explore how to use the. The page content architecture of /content/wknd-mobile/en/api has been pre-built. Implementing Applications for AEM as a Cloud Service; Using. Prerequisites. Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). The Adaptive Forms Core Components are a set of 24 open-source, BEM-compliant components that are built on the foundation of the Adobe Experience Manager WCM Core Components. When you want to parallelly offer experiences on web and mobile apps through the same. 7 - Consuming AEM Content Services from a Mobile App; Related Topics. The multi-line text field is a data type of Content Fragments that enables authors to create rich text content. Depending on the client and how it is deployed, AEM Headless deployments have different considerations. The use of Android is largely unimportant, and the consuming mobile app could be written in.