AEM6.1移动应用 [英] AEM6.1 mobile Apps

问题描述

我需要在移动应用程序上输入一些信息. 查询:我在AEM上已有一个Web应用程序(未使用AngularJS).我想使用AEM6.1

I needed some inputs on mobile apps. Query: I have an existing web application on AEM(angularJS is not used). I want to transform the same on Mobile app using AEM6.1

在阅读AEM应用程序的文档部分时，我发现移动应用程序基于AEM构建 -研究术语和AngularJS框架. -与AEM Web应用程序相比，移动应用程序具有不同的路径和应用程序结构 -由于必须使用phonegap，因此相对路径必须不同于Web应用程序的相对路径. 我感到两难，就好像我能否将现有的Web应用程序转换为移动应用程序一样.如果你们中有人对此进行了研究，那将非常有帮助.

While reading through the documentation section of AEM Apps, I found that the mobile App built on AEM - works on the terminology and AngularJS framework. - mobile App has different paths and app structure as compared to AEM web Applications -since, phonegap has to be used, relative path needs to be different than the same of web application. I am in a dilemma as If I would be able to convert my existing web app into a mobile App or not. If anyone of you has done some research on this, it would be very helpful.

提前谢谢！

致谢

推荐答案

您可以很好地将AEM桌面应用程序转换为移动应用程序(网站应该响应).

You can very well convert your AEM desktop application to a mobile app(site should be responsive).

AEM利用Cordova(PhoneGap)和ContentSync框架为android和iOS创建应用程序.有关如何配置ContentSync 此处.简单来说，ContentSync根据定义的一组配置打包您的应用程序(/content，/apps，/etc等)，而cordova(phonegap)可帮助您访问本地电话功能并创建存档文件(apk/ipa) .使用AEM创建应用的方法不只一种.

AEM makes use of Cordova (PhoneGap) and ContentSync framework to create apps for both android and iOS. More about how to config ContentSync here. In simple terms, ContentSync packages your application(/content, /apps, /etc,...) based on defined set of configurations and cordova(phonegap) helps you access native phone capabilities and to create the archive file (apk/ipa). There is more than one way to create an app using AEM.

1.使用Cordova CLI :

您设置文件系统中的cordova项目.然后为您的AEM项目创建contentsync配置.从此处生成并下载应用程序存档.您之前设置的Cordova项目将具有以下文件夹结构.

You setup a cordova project in your filesystem. Then create contentsync configuration for your AEM project. Generate and download the application archive from here. Cordova project you had setup earlier will have the below folder structure.

将存档文件的内容放在www文件夹中，根据您的应用程序修改config.xml并启动构建.使用此方法，您将需要一个Apple系统来生成.ipa文件，因为该文件使用xcode，而Windows使用npm node js进行初始dev env设置.

Place the contents of archive file inside www folder, modify config.xml according your application and initiate build. Using this method, you will require an Apple system to generate .ipa file since it makes use of xcode and windows makes use of npm node js for the initial dev env setup.

2.使用OOTB启动电话间隙构建"工作流程和AEM云配置

这是一种简单的方法，不需要您在系统中设置任何cordova项目.您要做的就是设置contentsync配置，为工作流添加一些属性以识别您的项目，然后触发工作流.遵循此.

This is an easy approach and does not require you to setup any cordova project in your system. All you have to do is setup contentsync configuration, add a few properties for the workflow to recognise your project and then trigger the workflow. Follow this.

3.在AEM 6.1中使用Apps控制台

这也利用了下面的ContentSync.应用程序控制台使该应用程序非常易于维护和配置，还具有用于推送通知，深层链接等的内置配置.请访问以下信息:

This also makes use of ContentSync underneath. Apps console makes the app very easy to maintain and configure, it also has inbuilt configurations for push notification, deep linking etc. Go through the info here. Refer to the sample geometrixx-outdoors project created in apps console, will help you understand better.

PS :Cordova和phonegap相同.您可以将Cordova视为Linux内核，将PhoneGap视为Linux发行版.

PS: Cordova and phonegap are the same. You can think of Cordova as Linux kernel and PhoneGap as linux distribution.

这篇关于AEM6.1移动应用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！