Monday 20 October 2014

Creating Adobe Experience Manager Touch UI components that consume web services

You can create an Adobe Experience Manager (AEM) 6 Touch component that displays data obtained from a third-party web service. For example, assume that you use AEM to create a web site for a government department that tracks weather information. In this situation, you can create an AEM Touch UI component that retrieves data from a third-party web service and displays the data in an AEM web page.

The following illustration shows AEM retrieving data from a third-party web service.



You can develop an AEM Touch UI component that can be dragged from the AEM 6 side rail and dropped onto an AEM web page.




The component displays weather information obtained from a third party WSDL. The Touch UI component invokes an OSGi bundle that contains Java proxy classes that are created by using Apache CFX. The following illustration shows the AEM Touch UI component displaying information obtained from a third-party web service. Notice that the USA ZIP code is entered into the Touch UI dialog.





Join the Adobe Experience Cloud Community 

Join the Adobe Experience Cloud Community by clicking this banner




I (Scott Macdonald) am a Senior Digital Marketing Community Manager at Adobe Systems with 20 years in the high tech industry. I am also a programmer with knowledge in Java, JavaScript, C#,C++, HTML, XML and ActionScript. If  you would like to see more CQ or other Adobe Digital Marketing end to end articles like this, then leave a comment and let me know what content you would like to see.


TwitterFollow the Digital Marketing Customer Care team on Twitter @AdobeExpCare.

YouTube: Subscribe to the AEM Community Channel