- Mobile User Guide overview
- Introduction to AEM Mobile
- Authoring On-Demand Services App
- Developing On-Demand Services App
- AEM Mobile On-Demand
- App Templates and Components
- Content Properties and Nodes
- Creating Shared Resources Export Configuration
- Creating and Adding Templates and Components
- Best Practices
- Creating Article Export Configuration
- Mobile with Content Sync
- Page Templates for Mobile Apps
- Using Content Properties to Export Content
- Rendering and Delivery
- Content Services
- Content Delivery
- Administering On-Demand Services App
- Authoring Adobe PhoneGap Enterprise
- Developing Adobe PhoneGap Enterprise
- PhoneGap
- Building Mobile Applications
- Push Notifications
- Developing Mobile Applications in AEM
- Mobile with Content Sync
- The Anatomy of an App
- Developing Apps with PhoneGap CLI
- Out of the Box App Handlers
- Creating and Editing Apps Using the Apps Console
- Is your hybrid app ready for AEM Mobile?
- Access Device Features
- Add Adobe Analytics to your Mobile Application
- Page Templates for Mobile Apps
- Configuring Adobe Target Cloud Service
- Single Page Applications
- Models in Repository
- Starting AEM PhoneGap
- Testing Mobile Apps
- Structure an App
- Track App Performance with Adobe Mobile Analytics
- Administering Adobe PhoneGap Enterprise
Starting AEM PhoneGap
Adobe recommends using the SPA Editor for projects that require single page application framework-based client-side rendering (for example, React). Learn more.
For developers, the best place to start is to look at the Adobe Experience Manager Mobile Starterkit in github
https://github.com/Adobe-Marketing-Cloud-Apps/aem-phonegap-starter-kit
The starterkit gets you going quickly by walking you through the basics of AEM Mobile development, starting with project creation and governance, installing the necessary tooling, defining a Maven archetype, building, deploying and then creating your own experience.
The developers can use this example as a starting point for trying out an AEM Mobile application using PhoneGap. Running through the starterkit and the reference application gives a solid understanding of the basics to create rich Mobile Applications.
- Use the AEM PhoneGap Starter Kit to create apps suitable for the AEM Mobile catalog.
- A reference app with full source has been created that demonstrates many of the new features in AEM Mobile, whether you are migrating an existing app into AEM Mobile or starting fresh.
- All the samples can be found on github: https://github.com/Adobe-Marketing-Cloud-Apps and include bootstrapping your project with Maven.
- Most conference talks use the Kitchen Sink tutorial, which you can also find in GitHub and is focused on the usage of Apache Cordova native extensibility.
Once you have had a chance to familiarize yourself with the starterkit, it is important to learn about Adobe Experience Manager components and templates.
Templates and Components
AEM Templates and Components enable line-of-business owners to create custom experiences. Both *Templates *and Components are available out-of-the-box or can be custom developed by you, the developer either by extending existing components or creating greenfield (advanced). Templates and Components are what allow the AEM Author to drag-and-dropped to create engaging and relevant experiences.
Once you have a solid understanding of the above two steps, jump into:
- The structure of an AEM Mobile app
- The anatomy of an AEM Mobile app
- Is your existing app ready for AEM Mobile?
The Next Steps
- Start my AEM Mobile app experience
- Manage my app’s content
- Build my application
- Track my app’s performance with Adobe Mobile Analytics
- Deliver a personalized app experience with Adobe Target
- Send important messages to my users
Business.Adobe.com resources
Resources
Adobe Account
