Authoring Mobile Applications

You are reading the AEM 6.1 version of Authoring Mobile Applications.
This documentation is also available for the following versions:  AEM 6.2 

Note

AEM mobile Feature Pack 3 is now available on Package Share. Please download and deploy BOTH teh Feature Pack and Samples to your Author and Publish servers to enjoy the latest and greatest features available for AEM - mobile.

Creating Mobile Applications with AEM - mobile

The first step is to create a new application or, import an existing application into AEM - mobile.

Creating a new application is as easy as clicking the '+' button in the AEM Author Mobile Console and following the wizard as it guides you through the creation process.  You can use one of our ready-made templates or create your own application in the technology of your choice.

To build your AEM - mobile Application strictly using Adobe PhoneGap, see the Building Mobile Applications page.

 

Managing your Application within AEM - mobile

Once you've built or imported your mobile application you can manage it within the AEM - mobile console.

Please note, you can also manage the HTML/JS/CSS content for a native app in the console as well. To do this, you can create and author pages in AEM using the WYSIWYG page editor and publish those pages as web content into to native OS Webviews or, for an added bonus, try Cordova Webviews to give access to device features through JavaScript. For a brief description of what Cordova Webviews can do for native apps, check out this link.

The AEM Apps Console allows you to build and deploy your mobile application, create and edit application metadata before publishing your mobile application, collaborately curate and frequently publish fresh and relavent content without the need to revisit the application store submission processes and, analyze application life cycle and usage metrics to improve customer conversion and brand loyalty. 

To setup your environment and get started with the AEM - mobile Console,

  1. Configure your users and groups
  2. Set your referrer filter to allow empty
  3. Configure your Adobe PhoneGap Build Cloud Service
  4. Configure your Adobe Analytics Cloud Service
  5. Editing App Details

Mobile Apps List Console

The AEM - mobile Catalog displays all of your mobile applications managed in AEM.

AEM - mobile Apps Catalog
AEM - mobile applications list console.

AEM - mobile Application Console

From the AEM - mobile Apps Console, you can manage your application, view statistics, build, deploy and manage your mobile app content.

You can drill into each tile in the console to view or edit details by clicking the ellipses ('...') in the bottom right corner.

AEM - mobile Applications Console
AEM - mobile Applications Console

Manage App Tile

The Manage App Tile displays your application icon, name, description, supported platforms, call home for updates URL and version information.  You can drill into this tile to edit and maintain your application configuration and, prepare your application for submission to the varius application stores for distribution.

Click here for details.

file

Content Tile

Content can be created, updated and deleted in AEM - mobile in much the same way you do the same within AEM Sites. The Content Tile displays the number of pages of managed content and last modified. You can drill-into content to create, copy, move, delete and update pages by clicking on each record in the tile.  Once content has been updated, you can publish a content update to your customers through the Content Release Tile.

Content Tile
AEM Mobile Command Center Content Management Tile

Content Release Tile

You will only see this tile for applications authored with Adobe PhoneGap that leverage ContentSync to publich content to your customers.

Once you have added or modified your content through the Content Tile, you are able to push those changes out to your customers throught the Content Release Tile.

AEM - mobile allows the AEM Author to create and maintain content in AEM while simultaneously, allowing your development team make changes to your application without clobbering each others work.  The AEM Author can then publish both of those changes out to your customers quickly and without needing to resubmit to the various application stores for distribution.

Publishing content is the creation of a ZIP file that contains HTML and HTML resources, for each update.  Note: there is no reason why additional content should not be included for custom applications.  This ZIP file only contains changes that are generated when rendering the app and is intelligent enough to package only those files that have be modified since the last update.

The Content Release tile Type column will display either 'App' to signify Application Shell content, for example framework or infrastructure of the app managed by a developer or, 'Content' which represents page content managed by the content author.

Content can be represented as a language or as a particular part of the app where multiple contentSync packages are consumed by the app. The choice of how you bundle your content is designed to be flexible and entirely up to how you want to manage content for your application.

The Status column shows when content changes are pending and a new content update is required.

The Modified column indicates when pages were most recently modified.

The Staged column shows when the last content update was created. To create a new content update and stage your changes open any record in the tile and create a new update.

The Published column shows when the last content update was published and made availble for consumption by your customers.  To publish content, you must first stage that content and then publish the update by drilling into this tile and publishing from the ContentSync details console.

 

Content Release Tile
AEM - mobile Content Release Tile

 

 

Content ZIP for the app viewer
This icon represents a Content ZIP for the app viewer
file
These icons represents a Content ZIP for page content

Build Tile

This tile will only be visible for Mobile applications authored with Adobe PhoneGap.

 

The PhoneGap Build Tile connects with http://build.phonegap.com to build and host remote buids.  Once built, the build is made available either as a download or directly to your device via a QR code.

Alternatively, you can download the device source to build locally through the PhoneGap CLI.

Click here for details.

PhoneGap Build Tile
AEM Mobile Command Center PhoneGap Build Tile

Metrics Tile

AEM - mobile integerates with Adobe Analytics through Adobe Mobile Services SDK (AMS).

The AEM - mobile Application Console Metrics Tile displays summary analytics pulled from AMS for your application. You can drill into the analytics dashboard by clicking the '...' in the bottom right.

Click here for details.

 

Metrics Tile
AEM Mobile Command Center Metrics Tile
​