使用Remoting调用AEM Forms invoking-aem-forms-using-remoting

本文档中的示例和示例仅适用于JEE环境上的AEM Forms 。

在Workbench中创建的进程可以通过使用远程处理进行调用。 即,您可以从使用AEM Forms构建的客户端应用程序中调用Flex进程。 此功能基于数据服务。

NOTE
在使用远程处理时,建议您调用在Workbench中创建的流程,而不是使用AEM Forms服务创建的流程。 但是,可以直接调用AEM Forms服务。 (请参阅AEM Forms开发人员中心上的使用远程处理加密PDF文档。)
NOTE
如果未将AEM Forms服务配置为允许匿名访问,则来自Flex客户端的请求会导致Web浏览器质询。 用户必须输入用户名和密码凭据。

以下AEM Forms短期进程,已命名 MyApplication/EncryptDocument,可以使用Remoting调用。 (有关此进程的信息(如其输入和输出值),请参见 短期进程示例.)

iu_iu_encryptdocumentprocess2

NOTE
要使用Flex应用程序调用AEM Forms进程,请确保已启用远程端点。 默认情况下,部署进程时会启用远程端点。

调用此进程时,将执行以下操作:

  1. 获取作为输入值传递的不安全PDF单据。 此操作基于 SetValue 操作。 输入参数的名称为 inDoc 并且其数据类型为 document. (此 document 数据类型是Workbench中的可用数据类型。)
  2. 使用密码加密PDF文档。 此操作基于 PasswordEncryptPDF 操作。 此进程的输出值的名称为 outDoc 和表示密码加密的PDF文档。 outDoc的数据类型是 document.
  3. 将密码加密的PDF文件作为PDF文件保存到本地文件系统。 此操作基于 WriteDocument 操作。
NOTE
MyApplication/EncryptDocument 进程并非基于现有AEM Forms进程。 要遵循代码示例中的说明,请创建一个名为的进程 MyApplication/EncryptDocument 使用Workbench。
NOTE
有关使用Remoting调用长生命周期进程的信息,请参阅 调用以人为中心的长期进程.

另请参阅

包括AEM Forms Flex库文件

使用AEM Forms Remoting处理文档(AEM Forms已弃用)

通过使用(不推荐用于AEM表单)AEM Forms Remoting传递不安全的文档来调用短暂的过程

验证使用Flex构建的客户端应用程序

使用远程处理传递安全文档以调用进程

使用远程调用自定义组件服务

创建使用Flex构建的客户端应用程序,以调用以人为中心的长期流程

创建使用HTTP令牌执行SSO身份验证的Flash Builder应用程序

NOTE
请务必将crossdomain.xml文件放在正确的位置。 例如,假设您在JBoss上部署了AEM Forms,则将此文件放在以下位置: <install_directory>\Adobe_Experience_Manager_forms\jboss\server\lc_turnkey\deploy\jboss-web.deployer\ROOT.war.

包括AEM Forms Flex库文件 including-the-aem-forms-flex-library-file

要使用Remoting以编程方式调用AEM Forms进程,请将adobe-remoting-provider.swc文件添加到Flex项目的类路径。 此SWC文件位于以下位置:

  • <install_directory>\Adobe_Experience_Manager_forms\sdk\misc\DataServices\Client-Libraries

    其中<install目录>是AEM Forms的安装目录。

另请参阅

使用AEM Forms调用(已为AEM表单弃用) AEM Forms远程处理

使用AEM Forms Remoting处理文档(AEM Forms已弃用)

通过使用(不推荐用于AEM表单)AEM Forms Remoting传递不安全的文档来调用短暂的过程

验证使用Flex构建的客户端应用程序

使用远程处理文档 handling-documents-with-remoting

AEM Forms中使用的最重要的非原始Java™类型之一是 com.adobe.idp.Document 类。 调用AEM Forms操作通常需要文档。 它主要是PDF文档,但可以包含其他文档类型,如SWF、HTML、XML或DOC文件。 (请参阅 使用Java API将数据传递到AEM Forms服务.)

使用Flex构建的客户端应用程序无法直接请求文档。 例如,您无法启动Adobe Reader以请求生成PDF文件的URL。 对文档类型(如PDF和Microsoft®Word文档)的请求将返回一个结果,即URL。 客户有责任显示URL的内容。 文档管理服务可帮助生成URL和内容类型信息。 对XML文档的请求在结果中返回完整的XML文档。

将文档作为输入参数传递 passing-a-document-as-an-input-parameter

使用Flex构建的客户端应用程序无法将文档直接传递到AEM Forms进程。 相反,客户端应用程序使用 mx.rpc.livecycle.DocumentReference ActionScript类,用于将输入参数传递到需要一个 com.adobe.idp.Document 实例。 Flex客户端应用程序有多个选项可用于设置 DocumentReference 对象:

  • 当文档在服务器上且其文件位置已知时,将DocumentReference对象的referenceType属性设置为REF_TYPE_FILE。 将fileRef属性设置为文件的位置,如以下示例所示:
 ... var docRef: DocumentReference = new DocumentReference();
 docRef.referenceType = DocumentReference.REF_TYPE_FILE;
 docRef.fileRef = "C:/install/adobe/cs2/How to Uninstall.pdf"; ...
  • 当文档在服务器上并且您知道其URL时,请将DocumentReference对象的referenceType属性设置为REF_TYPE_URL。 将url属性设置为URL,如以下示例所示:
... var docRef: DocumentReference = new DocumentReference();
docRef.referenceType = DocumentReference.REF_TYPE_URL;
docRef.url = "https://companyserver:8080/DocumentManager/116/7855"; ...
  • 要从客户端应用程序中的文本字符串创建DocumentReference对象,请将DocumentReference对象的referenceType属性设置为REF_TYPE_INLINE。 将text属性设置为要包含在对象中的文本,如以下示例所示:
... var docRef: DocumentReference = new DocumentReference();
docRef.referenceType = DocumentReference.REF_TYPE_INLINE;
docRef.text = "Text for my document";  // Optionally, you can override the server's default character set  // if necessary:  // docRef.charsetName=CharacterSetName  ...
  • 当文档不在服务器上时,使用远程上传servlet将文档上传到AEM Forms。 AEM Forms的新增功能是能够上传安全文档。 上传安全文档时,您必须使用具有 文档上载应用程序用户 角色。 如果没有此角色,用户将无法上传安全文档。 建议您使用单点登录上载安全文档。 (请参阅 使用远程处理传递安全文档以调用进程.)
NOTE
如果将AEM Forms配置为允许上传不安全的文档,则您可以使用没有文档上传应用程序用户角色的用户来上传文档。 用户还可以具有文档上传权限。 但是,如果将AEM Forms配置为仅允许安全文档,请确保用户具有“文档上传应用程序用户”角色或“文档上传”权限。 (请参阅 配置AEM Forms以接受安全和不安全的文档.

您对指定的上传URL使用标准Flash上传功能: https://SERVER:PORT/remoting/lcfileupload. 然后,您可以使用 DocumentReference 输入参数类型为 Document 预计
 private function startUpload():void  {  fileRef.addEventListener(Event.SELECT, selectHandler);  fileRef.addEventListener("uploadCompleteData", completeHandler);  try  {   var success:Boolean = fileRef.browse();  }    catch (error:Error)  {   trace("Unable to browse for files.");  }  }      private function selectHandler(event:Event):void {  var request:URLRequest = new  URLRequest("https://SERVER:PORT/remoting/lcfileupload")  try   {   fileRef.upload(request);   }    catch (error:Error)   {   trace("Unable to upload file.");   }  }    private function completeHandler(event:DataEvent):void  {   var params:Object = new Object();   var docRef:DocumentReference = new DocumentReference();   docRef.url = event.data as String;   docRef.referenceType = DocumentReference.REF_TYPE_URL;  }远程快速入门使用远程上传servlet将PDF文件传递到 MyApplication/EncryptDocument进程。 (请参阅 通过使用(不推荐用于AEM表单)AEM Forms Remoting传递不安全的文档来调用短暂的过程.)


private
function startUpload(): void  {
 fileRef.addEventListener(Event.SELECT, selectHandler);
 fileRef.addEventListener("uploadCompleteData", completeHandler);
 try  {
  var success: Boolean = fileRef.browse();
 }
 catch (error: Error)  {
  trace("Unable to browse for files.");
 }
}
private
function selectHandler(event: Event): void {
 var request: URLRequest = new  URLRequest("https://SERVER:PORT/remoting/lcfileupload")  try  {
  fileRef.upload(request);
 }
 catch (error: Error)  {
  trace("Unable to upload file.");
 }
}
private
function completeHandler(event: DataEvent): void  {
 var params: Object = new Object();
 var docRef: DocumentReference = new DocumentReference();
 docRef.url = event.data as String;
 docRef.referenceType = DocumentReference.REF_TYPE_URL;
}

远程快速入门使用远程上传servlet将PDF文件传递到 MyApplication/EncryptDocument进程。 (请参阅 通过使用(不推荐用于AEM表单)AEM Forms Remoting传递不安全的文档来调用短暂的过程.)

将文档传递回客户端应用程序 passing-a-document-back-to-a-client-application

客户端应用程序接收类型为的对象 mx.rpc.livecycle.DocumentReference 对于返回 com.adobe.idp.Document 实例作为输出参数。 由于客户端应用程序处理ActionScript对象而非Java,因此无法将基于Java的Document对象传递回Flex客户端。 服务器而是为文档生成一个URL,并将该URL传递回客户端。 此 DocumentReference 对象的 referenceType 属性指定内容是否位于 DocumentReference 对象或必须从以下位置的URL中检索: DocumentReference.url 属性。 此 DocumentReference.contentType 属性指定文档的类型。

另请参阅

使用AEM Forms调用(已为AEM表单弃用) AEM Forms远程处理

包括AEM Forms Flex库文件

通过使用(不推荐用于AEM表单)AEM Forms Remoting传递不安全的文档来调用短暂的过程

验证使用Flex构建的客户端应用程序

使用远程处理传递安全文档以调用进程

通过使用Remoting传递不安全的文档来调用短暂的进程 invoking-a-short-lived-process-by-passing-an-unsecure-document-using-remoting

要从使用AEM Forms构建的应用程序中调用Flex进程,请执行以下任务:

  1. 创建 mx:RemoteObject 实例。
  2. 创建 ChannelSet 实例。
  3. 传递所需的输入值。
  4. 处理返回值。
NOTE
本节讨论如何调用AEM Forms进程,以及当AEM Forms配置为上传不安全的文档时如何上传文档。 有关如何调用AEM Forms进程和上传安全文档以及如何配置AEM Forms以接受安全和不安全文档的信息,请参阅 使用远程处理传递安全文档以调用进程.

创建mx:RemoteObject实例

您创建 mx:RemoteObject 实例调用Workbench中创建的AEM Forms进程。 创建 mx:RemoteObject 实例中,指定以下值:

  • id: 的名称 mx:RemoteObject 表示要调用的进程的实例。
  • 目标: 要调用的AEM Forms进程的名称。 例如,要调用 MyApplication/EncryptDocument 进程,指定 MyApplication/EncryptDocument.
  • 结果: 处理结果的Flex方法的名称。

mx:RemoteObject 标记,指定 <mx:method> 标记,指定进程的调用方法的名称。 通常,Forms调用方法的名称为 invoke.

以下代码示例创建 mx:RemoteObject 调用 MyApplication/EncryptDocument 进程。

 <mx:RemoteObject id="EncryptDocument" destination="MyApplication/EncryptDocument" result="resultHandler(event);">
          <mx:method name="invoke" result="handleExecuteInvoke(event)"/>
      </mx:RemoteObject>

创建指向AEM Forms的渠道

客户端应用程序可以通过在MXML或ActionScript中指定渠道来调用AEM Forms,如以下ActionScript示例所示。 渠道必须为 AMFChannelSecureAMFChannelHTTPChannel,或 SecureHTTPChannel.

     ...
     private function refresh():void{
         var cs:ChannelSet= new ChannelSet();
         cs.addChannel(new AMFChannel("my-amf",
             "https://yourlcserver:8080/remoting/messagebroker/amf"));
         EncryptDocument.setCredentials("administrator", "password");
         EncryptDocument.channelSet = cs;
     }
     ...

分配 ChannelSet 实例到 mx:RemoteObject 实例的 channelSet 字段(如上一个代码示例所示)。 通常,在调用时,应在import语句中导入channel类,而不是指定完全限定的名称 ChannelSet.addChannel 方法。

传递输入值

在Workbench中创建的进程可以接受零个或多个输入参数并返回输出值。 客户端应用程序将输入参数传递到 ActionScript 包含与AEM Forms进程参数对应的字段的对象。 短暂的进程,已命名 MyApplication/EncryptDocument,需要一个名为的输入参数 inDoc. 该进程公开的操作的名称为 invoke (短期进程的默认名称)。 (请参阅 使用AEM Forms调用(已为AEM表单弃用) AEM Forms远程处理.)

以下代码示例将PDF文档传递到 MyApplication/EncryptDocument 进程:

     ...
     var params:Object = new Object();

     //Document is an instance of DocumentReference
     //that store an unsecured PDF document
     params["inDoc"] = pdfDocument;

     // Invoke an operation synchronously:
     EncryptDocument.invoke(params);
     ...

在此代码示例中, pdfDocumentDocumentReference 包含不安全PDF文档的实例。 有关 DocumentReference,请参见 使用AEM Forms Remoting处理文档(AEM Forms已弃用).

调用服务的特定版本

您可以使用调用Forms服务的特定版本 _version 调用参数映射中的参数。 例如,要调用版本1.2的 MyApplication/EncryptDocument 服务:

 var params:Object = new Object();
 params["inDoc"] = pdfDocument;
 params["_version"] = "1.2"
 var token:AsyncToken = echoService.echoString(params);

version 参数必须是包含单个句点的字符串。 句点左侧、主要版本和右侧、次要版本的值必须是整数。 如果未指定此参数,则调用head活动版本。

处理返回值

AEM Forms进程输出参数被反序列化为ActionScript对象,客户端应用程序可按名称从中提取特定参数,如以下示例所示。 (的输出值 MyApplication/EncryptDocument 进程已命名 outDoc.)

     ...
     var res:Object = event.result;
     var docRef:DocumentReference = res["outDoc"] as DocumentReference;
     ...

调用MyApplication/EncryptDocument进程

您可以调用 MyApplication/EncryptDocument 通过以下步骤进行处理:

  1. 创建 mx:RemoteObject 通过ActionScript或MXML实例访问。 请参阅创建mx:RemoteObject实例。
  2. 设置 ChannelSet 实例以与AEM Forms通信,并将其与 mx:RemoteObject 实例。 请参阅创建AEM Forms渠道。
  3. 调用ChannelSet login 方法或服务的 setCredentials 用于指定用户标识符值和密码的方法。 (请参阅 使用单点登录.)
  4. 填充 mx.rpc.livecycle.DocumentReference 具有要传递到的不安全PDF文档的实例 MyApplication/EncryptDocument 进程。 (请参阅 将文档作为输入参数传递.)
  5. PDF通过调用 mx:RemoteObject 实例的 invoke 方法。 传递 Object 包含输入参数(即无保护PDF文档)。 请参阅传递输入值。
  6. 检索从进程返回的密码加密PDF文档。 请参阅处理返回值。

快速入门:通过使用(不推荐用于AEM表单)AEM Forms Remoting传递不安全的文档来调用短暂的过程

验证使用Flex构建的客户端应用程序 authenticating-client-applications-built-with-flex

AEM forms user Manager可以通过多种方式对来自Flex应用程序的远程请求进行身份验证,包括通过中央登录服务的AEM Forms单点登录、基本身份验证和自定义身份验证。 当单点登录和匿名访问都未启用时,远程请求会生成基本身份验证(默认)或自定义身份验证。

基本身份验证依赖于Web应用程序容器中的标准J2EE基本身份验证。 对于基本身份验证,HTTP 401错误会导致浏览器质询。 这意味着当您尝试使用RemoteObject连接到Forms应用程序时,并且尚未从Flex应用程序中登录时,浏览器会提示您输入用户名和密码。

对于自定义身份验证,服务器向客户端发送错误以指示需要身份验证。

NOTE
有关使用HTTP令牌执行身份验证的信息,请参阅 创建使用HTTP令牌执行SSO身份验证的Flash Builder应用程序.

使用自定义身份验证 using-custom-authentication

您可通过在远程端点上将身份验证方法从“基本”更改为“自定义”,在管理控制台中启用自定义身份验证。 如果您使用自定义身份验证,您的客户端应用程序将调用 ChannelSet.login 登录方法和 ChannelSet.logout 方法注销。

NOTE
在AEM Forms的早期版本中,您可以通过调用 RemoteObject.setCredentials 方法。 此 setCredentials 在组件第一次尝试连接到服务器之前,方法实际上并未将凭据传递到服务器。 因此,如果组件发出错误事件,则您无法确定该错误是由于身份验证错误还是其他原因造成的。 此 ChannelSet.login 方法会在您调用服务器时连接到该服务器,以便您可以立即处理身份验证问题。 虽然您可以继续使用 setCredentials 方法,建议您使用 ChannelSet.login 方法。

由于多个目标可以使用相同的渠道和相应的ChannelSet对象,因此登录到某个目标会将用户登录到使用相同渠道或渠道的任何其他目标。 如果两个组件对同一ChannelSet对象应用不同的凭据,则使用应用的最后一个凭据。 如果多个组件使用相同的已验证ChannelSet对象,则调用 logout 方法会将所有组件从目标中注销。

以下示例使用 ChannelSet.loginChannelSet.logout 方法与RemoteObject控件。 此应用程序执行以下操作:

  • 创建 ChannelSet 中的对象 creationComplete 此处理程序表示使用的渠道 RemoteObject 组件
  • 通过调用 ROLogin 函数来响应按钮点击事件
  • 使用RemoteObject组件向服务器发送一个字符串,以响应Button单击事件。 服务器将相同的字符串返回给RemoteObject组件
  • 使用RemoteObject组件的结果事件在TextArea控件中显示字符串
  • 通过调用 ROLogout 函数来响应按钮点击事件
 <?xml version="1.0"?>
 <!-- security/SecurityConstraintCustom.mxml -->
 <mx:Application xmlns:mx="https://www.adobe.com/2006/mxml" width="100%"
     height="100%" creationComplete="creationCompleteHandler();">

     <mx:Script>
         <![CDATA[
             import mx.controls.Alert;
             import mx.messaging.config.ServerConfig;
             import mx.rpc.AsyncToken;
             import mx.rpc.AsyncResponder;
             import mx.rpc.events.FaultEvent;
             import mx.rpc.events.ResultEvent;
             import mx.messaging.ChannelSet;

             // Define a ChannelSet object.
             public var cs:ChannelSet;

             // Define an AsyncToken object.
             public var token:AsyncToken;

             // Initialize ChannelSet object based on the
             // destination of the RemoteObject component.
             private function creationCompleteHandler():void {
                 if (cs == null)
                 cs = ServerConfig.getChannelSet(remoteObject.destination);
             }

             // Login and handle authentication success or failure.
             private function ROLogin():void {
                 // Make sure that the user is not already logged in.
                 if (cs.authenticated == false) {
                     token = cs.login("sampleuser", "samplepassword");
                     // Add result and fault handlers.
                     token.addResponder(new AsyncResponder(LoginResultEvent,
                     LoginFaultEvent));
                 }
             }

             // Handle successful login.
             private function LoginResultEvent(event:ResultEvent,
                 token:Object=null):void  {
                     switch(event.result) {
                         case "success":
                             authenticatedCB.selected = true;
                             break;
                             default:
                     }
                 }

                 // Handle login failure.
                 private function LoginFaultEvent(event:FaultEvent,
                     token:Object=null):void {
                         switch(event.fault.faultCode) {
                             case "Client.Authentication":
                                 default:
                                 authenticatedCB.selected = false;
                                 Alert.show("Login failure: " + event.fault.faultString);
                     }
                 }

                 // Logout and handle success or failure.
                 private function ROLogout():void {
                     // Add result and fault handlers.
                     token = cs.logout();
                     token.addResponder(new
                         AsyncResponder(LogoutResultEvent,LogoutFaultEvent));
                 }

                 // Handle successful logout.
                 private function LogoutResultEvent(event:ResultEvent,
                     token:Object=null):void {
                         switch (event.result) {
                             case "success":
                                 authenticatedCB.selected = false;
                                 break;
                                 default:
                     }
                 }

                 // Handle logout failure.
                 private function LogoutFaultEvent(event:FaultEvent,
                     token:Object=null):void {
                         Alert.show("Logout failure: " + event.fault.faultString);
                 }
                 // Handle message recevied by RemoteObject component.
                 private function resultHandler(event:ResultEvent):void {
                     ta.text += "Server responded: "+ event.result + "\n";
                 }

                 // Handle fault from RemoteObject component.
                 private function faultHandler(event:FaultEvent):void {
                     ta.text += "Received fault: " + event.fault + "\n";
                 }
             ]]>
     </mx:Script>
     <mx:HBox>
         <mx:Label text="Enter a text for the server to echo"/>
         <mx:TextInput id="ti" text="Hello World!"/>
         <mx:Button label="Login"
             click="ROLogin();"/>
         <mx:Button label="Echo"
             enabled="{authenticatedCB.selected}"
             click="remoteObject.echo(ti.text);"/>
         <mx:Button label="Logout"
             click="ROLogout();"/>
         <mx:CheckBox id="authenticatedCB"
             label="Authenticated?"
             enabled="false"/>
     </mx:HBox>
     <mx:TextArea id="ta" width="100%" height="100%"/>

     <mx:RemoteObject id="remoteObject"
         destination="myDest"
         result="resultHandler(event);"
         fault="faultHandler(event);"/>
 </mx:Application>

loginlogout 方法返回AsyncToken对象。 将事件处理程序分配给AsyncToken对象,以便结果事件处理成功的调用,并使错误事件处理失败。

使用单点登录 using-single-sign-on

AEM forms用户可以连接到多个AEM Forms Web应用程序来执行任务。 当用户从一个Web应用程序移动到另一个Web应用程序时,要求他们单独登录到每个Web应用程序是不高效的。 AEM Forms单点登录机制允许用户登录一次,然后访问任何AEM Forms Web应用程序。 由于AEM Forms开发人员可以创建与AEM Forms一起使用的客户端应用程序,他们还必须能够利用单点登录机制。

每个AEM Forms Web应用程序都打包到自己的Web存档(WAR)文件中,然后该文件打包为Enterprise Archive (EAR)文件的一部分。 由于应用程序服务器不允许跨不同Web应用程序共享会话数据,因此AEM Forms使用HTTP Cookie来存储身份验证信息。 身份验证Cookie使用户能够登录到Forms应用程序,然后连接到其他AEM Forms Web应用程序。 此技术称为单点登录。

AEM Forms开发人员编写客户端应用程序以扩展表单指南(已弃用)的功能并自定义工作区。 例如,Workspace应用程序可以启动进程。 然后,客户端应用程序使用远程端点从Forms服务检索数据。

当使用(不推荐用于AEM表单)AEM Forms Remoting调用AEM Forms服务时,客户端应用程序将传递身份验证Cookie作为请求的一部分。 由于用户已经过身份验证,因此无需额外登录即可从客户端应用程序连接到AEM Forms服务。

NOTE
如果Cookie无效或缺失,则不会隐式重定向到登录页面。 因此,您仍然可以调用匿名服务。

您可以通过编写自行登录和注销的客户端应用程序来绕过AEM Forms单点登录机制。 如果绕过单点登录机制,则可以对应用程序使用基本身份验证或自定义身份验证。

由于此机制不使用AEM Forms单点登录机制,因此不会向客户端写入身份验证Cookie。 登录凭据存储在 ChannelSet 远程渠道的对象。 因此,任何 RemoteObject 您通过相同方式进行的呼叫 ChannelSet 都是在这些凭证的背景下作出的。

在AEM Forms中设置单点登录 setting-up-single-sign-on-in-aem-forms

要在AEM Forms中使用单点登录,请安装表单工作流组件,其中包括集中式登录服务。 用户成功登录后,集中式登录服务会向用户返回身份验证Cookie。 每个后续对Forms Web应用程序的请求都包含该Cookie。 如果Cookie有效,则用户将被视为已通过身份验证,无需再次登录。

编写使用单点登录的客户端应用程序 writing-a-client-application-that-uses-single-sign-on

利用单点登录机制时,您希望用户在启动客户端应用程序之前使用集中式登录服务进行登录。 也就是说,客户端应用程序不会通过浏览器或调用 ChannelSet.login 方法。

如果您使用的是AEM Forms单点登录机制,请将Remoting端点配置为使用自定义身份验证,而不是基本身份验证。 否则,在使用基本身份验证时,身份验证错误会导致浏览器质询,您不希望用户看到该质询。 相反,您的应用程序会检测身份验证错误,然后显示一条消息,指示用户使用集中式登录服务登录。

客户端应用程序使用通过远程端点访问AEM Forms RemoteObject 组件,如以下示例所示。

 <?xml version="1.0"?>
 <mx:Application
        backgroundColor="#FFFFFF">

       <mx:Script>
          <![CDATA[

            import mx.controls.Alert;
            import mx.rpc.events.FaultEvent;

            // Prompt user to login on a fault.
            private function faultHandler(event:FaultEvent):void
            {
             if(event.fault.faultCode=="Client.Authentication")
             {
                 Alert.show(
                     event.fault.faultString + "\n" +
                     event.fault.faultCode + "\n" +
                     "Please login to continue.");
             }
         }
          ]]>
       </mx:Script>

       <mx:RemoteObject id="srv"
           destination="product"
           fault="faultHandler(event);"/>

       <mx:DataGrid
           width="100%" height="100%"
           dataProvider="{srv.getProducts.lastResult}"/>

       <mx:Button label="Get Data"
           click="srv.getProducts();"/>

 </mx:Application>

在Flex应用程序仍在运行时,以新用户身份登录

使用Flex构建的应用程序包括身份验证Cookie,以及对AEM Forms服务的每个请求。 出于性能原因,AEM Forms不会验证每个请求上的Cookie。 但是,当身份验证Cookie被另一个身份验证Cookie替换时,AEM Forms会进行检测。

例如,启动客户端应用程序,当应用程序处于活动状态时,使用集中式登录服务注销。 接下来,您可以以其他用户的身份登录。 以其他用户身份登录会将现有身份验证Cookie替换为新用户的身份验证Cookie。

在来自客户端应用程序的下一个请求中,AEM Forms检测到Cookie已更改,并注销用户。 因此,Cookie更改后的第一个请求会失败。 所有后续请求都是在新Cookie的上下文中发出的,并且成功。

注销

要注销AEM Forms并使会话失效,必须从客户端计算机中删除身份验证Cookie。 由于单点登录的目的是允许用户登录一次,因此您不希望客户端应用程序删除Cookie。 此操作会有效地注销用户。

因此,调用 RemoteObject.logout 客户端应用程序中的方法会在客户端上生成一条错误消息,指定会话未注销。 相反,用户可以使用集中式登录服务注销并删除身份验证Cookie。

在Flex应用程序仍在运行时注销

您可以启动使用Flex构建的客户端应用程序,并使用集中式登录服务注销。 在注销过程中,身份验证Cookie将被删除。 如果在没有Cookie或使用Cookie无效的情况下发出远程请求,则用户会话将失效。 此操作实际上是注销。 下次客户端应用程序尝试连接到AEM Forms服务时,将请求用户登录。

另请参阅

使用AEM Forms调用(已为AEM表单弃用) AEM Forms远程处理

使用AEM Forms Remoting处理文档(AEM Forms已弃用)

包括AEM Forms Flex库文件

通过使用(不推荐用于AEM表单)AEM Forms Remoting传递不安全的文档来调用短暂的过程

使用远程处理传递安全文档以调用进程

使用远程处理传递安全文档以调用进程 passing-secure-documents-to-invoke-processes-using-remoting

在调用需要一个或多个文档的进程时,您可以将安全文档传递到AEM Forms。 通过传递安全文档,您可以保护业务信息和机密文档。 在这种情况下,文档可以称为PDF文档、XML文档、Word文档等。 如果将AEM Forms配置为允许安全文档,则需要将安全文档从在Flex中编写的客户端应用程序传递到AEM Forms。 (请参阅 配置AEM Forms以接受安全和不安全的文档.)

AEM传递安全文档时,请使用单点登录并指定具有 文档上载应用程序用户 角色。 如果没有此角色,用户将无法上传安全文档。 您可以通过编程方式为用户分配角色。 (请参阅 管理角色和权限.)

NOTE
在创建角色并希望该角色的成员上载安全文档时,请确保指定“文档上载”权限。

AEM Forms支持一项名为的操作 getFileUploadToken 将返回传递给上传servlet的令牌。 此 DocumentReference.constructRequestForUpload 方法需要指向AEM Forms的URL以及返回的令牌 LC.FileUploadAuthenticator.getFileUploadToken 方法。 此方法会返回 URLRequest 在上载servlet的调用中使用的对象。 以下代码演示了此应用程序逻辑。

     ...
         private function startUpload():void
         {
             fileRef.addEventListener(Event.SELECT, selectHandler);
             fileRef.addEventListener("uploadCompleteData", completeHandler);
             try
             {
         var success:Boolean = fileRef.browse();
             }
             catch (error:Error)
             {
                 trace("Unable to browse for files.");
             }

         }

          private function selectHandler(event:Event):void
             {
             var authTokenService:RemoteObject = new RemoteObject("LC.FileUploadAuthenticator");
             authTokenService.addEventListener("result", authTokenReceived);
             authTokenService.channelSet = cs;
             authTokenService.getFileUploadToken();
             }

         private function authTokenReceived(event:ResultEvent):void
             {
             var token:String = event.result as String;
             var request:URLRequest = DocumentReference.constructRequestForUpload("http://localhost:8080", token);

             try
             {
           fileRef.upload(request);
             }
             catch (error:Error)
             {
             trace("Unable to upload file.");
             }
             }

         private function completeHandler(event:DataEvent):void
         {

             var params:Object = new Object();
             var docRef:DocumentReference = new DocumentReference();
             docRef.url = event.data as String;
             docRef.referenceType = DocumentReference.REF_TYPE_URL;
         }
         ...

)

配置AEM Forms以接受安全和不安全的文档 configuring-aem-forms-to-accept-secure-and-unsecure-documents

可使用管理控制台指定在将文档从Flex客户端应用程序传递到AEM Forms进程时文档是否安全。 默认情况下,AEM Forms配置为接受安全文档。 您可以通过执行以下步骤,将AEM Forms配置为接受安全文档:

  1. 登录到管理控制台。
  2. 单击 设置.
  3. 单击 核心系统设置。
  4. 单击Configurations。
  5. 确保取消选中允许从Flex应用程序上传不安全的文档选项。
NOTE
  • 要将AEM Forms配置为接受不安全的文档,请选择允许从Flex应用程序上传不安全的文档选项。 然后,重新启动应用程序或服务以确保设置生效。
  • 建议使用“Ctrl + C”命令重新启动SDK。 使用替代方法(例如,停止Java进程)重新启动AEM SDK可能会导致AEM开发环境不一致。

快速入门:通过使用Remoting传递安全文档来调用短期进程 quick-start-invoking-a-short-lived-process-by-passing-a-secure-document-using-remoting

以下代码示例调用 MyApplication/EncryptDocument.用户必须登录才能单击“选择文件”按钮,该按钮用于上载PDF文件并调用进程。 即,用户进行身份验证后,将启用“选择文件”按钮。 下图显示了用户进行身份验证后的Flex客户端应用程序。 请注意,已启用经过身份验证的复选框。

iu_iu_securemotelogin

如果将AEM Forms配置为仅允许上传安全文档,而用户没有 文档上载应用程序用户 角色,则会引发异常。 如果用户确实具有此角色,则会上传文件并调用进程。

 <?xml version="1.0" encoding="utf-8"?>
 <mx:Application  xmlns="*"
      creationComplete="initializeChannelSet();">
        <mx:Script>
        <![CDATA[
      import mx.rpc.livecycle.DocumentReference;
      import flash.net.FileReference;
      import flash.net.URLRequest;
      import flash.events.Event;
      import flash.events.DataEvent;
      import mx.messaging.ChannelSet;
      import mx.messaging.channels.AMFChannel;
      import mx.rpc.events.ResultEvent;
      import mx.collections.ArrayCollection;
      import mx.rpc.AsyncToken;
      import mx.controls.Alert;
      import mx.rpc.events.FaultEvent;
      import mx.rpc.AsyncResponder;

      // Classes used in file retrieval
      private var fileRef:FileReference = new FileReference();
      private var docRef:DocumentReference = new DocumentReference();
      private var parentResourcePath:String = "/";
      private var now1:Date;
      private var serverPort:String = "hiro-xp:8080";

      // Define a ChannelSet object.
      public var cs:ChannelSet;

      // Define an AsyncToken object.
      public var token:AsyncToken;

       // Holds information returned from AEM Forms
      [Bindable]
      public var progressList:ArrayCollection = new ArrayCollection();


      // Handles a successful login
     private function LoginResultEvent(event:ResultEvent,
         token:Object=null):void  {
             switch(event.result) {
                 case "success":
                     authenticatedCB.selected = true;
                     btnFile.enabled = true;
                     btnLogout.enabled = true;
                     btnLogin.enabled = false;
                         break;
                     default:
                 }
             }


 // Handle login failure.
 private function LoginFaultEvent(event:FaultEvent,
     token:Object=null):void {
     switch(event.fault.faultCode) {
                 case "Client.Authentication":
                         default:
                         authenticatedCB.selected = false;
                         Alert.show("Login failure: " + event.fault.faultString);
                 }
             }


      // Set up channel set to invoke AEM Forms
      private function initializeChannelSet():void {
        cs = new ChannelSet();
        cs.addChannel(new AMFChannel("remoting-amf", "https://" + serverPort + "/remoting/messagebroker/amf"));
        EncryptDocument2.channelSet = cs;
      }

     // Call this method to upload the file.
      // This creates a file picker and lets the user select a PDF file to pass to the EncryptDocument process.
      private function uploadFile():void {
        fileRef.addEventListener(Event.SELECT, selectHandler);
        fileRef.addEventListener(DataEvent.UPLOAD_COMPLETE_DATA,completeHandler);
        fileRef.browse();
      }

      // Gets called for selected file. Does the actual upload via the file upload servlet.
      private function selectHandler(event:Event):void {
              var authTokenService:RemoteObject = new RemoteObject("LC.FileUploadAuthenticator");
         authTokenService.addEventListener("result", authTokenReceived);
         authTokenService.channelSet = cs;
         authTokenService.getFileUploadToken();
      }

     private function authTokenReceived(event:ResultEvent):void
     {
     var token:String = event.result as String;
     var request:URLRequest = DocumentReference.constructRequestForUpload("https://hiro-xp:8080", token);

     try
     {
           fileRef.upload(request);
     }
     catch (error:Error)
     {
         trace("Unable to upload file.");
     }
 }

      // Called once the file is completely uploaded.
      private function completeHandler(event:DataEvent):void {

        // Set the docRef's url and referenceType parameters
        docRef.url = event.data as String;
        docRef.referenceType=DocumentReference.REF_TYPE_URL;
        executeInvokeProcess();
      }

     //This method invokes the EncryptDocument process
      public function executeInvokeProcess():void {
         //Create an Object to store the input value for the EncryptDocument process
           now1 = new Date();

         var params:Object = new Object();
         params["inDoc"]=docRef;

         // Invoke the EncryptDocument process
         var token:AsyncToken;
         token = EncryptDocument2.invoke(params);
         token.name = name;
      }

      // AEM Forms  login method
      private function ROLogin():void {
         // Make sure that the user is not already logged in.

         //Get the User and Password
         var userName:String = txtUser.text;
         var pass:String = txtPassword.text;

        if (cs.authenticated == false) {
             token = cs.login(userName, pass);

         // Add result and fault handlers.
         token.addResponder(new AsyncResponder(LoginResultEvent,    LoginFaultEvent));
                 }
             }

      // This method handles a successful process invocation
      public function handleResult(event:ResultEvent):void
      {
            //Retrieve information returned from the service invocation
          var token:AsyncToken = event.token;
          var res:Object = event.result;
          var dr:DocumentReference = res["outDoc"] as DocumentReference;
          var now2:Date = new Date();

           // These fields map to columns in the DataGrid
          var progObject:Object = new Object();
          progObject.filename = token.name;
          progObject.timing = (now2.time - now1.time).toString();
          progObject.state = "Success";
          progObject.link = "<a href='" + dr.url + "'> open </a>";
          progressList.addItem(progObject);
      }

      // Prompt user to login on a fault.
       private function faultHandler(event:FaultEvent):void
            {
             if(event.fault.faultCode=="Client.Authentication")
             {
                 Alert.show(
                     event.fault.faultString + "\n" +
                     event.fault.faultCode + "\n" +
                     "Please login to continue.");
             }
            }

       // AEM Forms  logout method
     private function ROLogout():void {
         // Add result and fault handlers.
         token = cs.logout();
         token.addResponder(new AsyncResponder(LogoutResultEvent,LogoutFaultEvent));
     }

     // Handle successful logout.
     private function LogoutResultEvent(event:ResultEvent,
         token:Object=null):void {
         switch (event.result) {
         case "success":
                 authenticatedCB.selected = false;
                 btnFile.enabled = false;
                 btnLogout.enabled = false;
                 btnLogin.enabled = true;
                 break;
                 default:
             }
     }

     // Handle logout failure.
     private function LogoutFaultEvent(event:FaultEvent,
             token:Object=null):void {
             Alert.show("Logout failure: " + event.fault.faultString);
     }

          private function resultHandler(event:ResultEvent):void {
          // Do anything else here.
          }
        ]]>

      </mx:Script>
      <mx:RemoteObject id="EncryptDocument" destination="MyApplication/EncryptDocument" result="resultHandler(event);">
          <mx:method name="invoke" result="handleResult(event)"/>
      </mx:RemoteObject>

       <!--//This consists of what is displayed on the webpage-->
      <mx:Panel id="lcPanel" title="EncryptDocument  (Deprecated for AEM forms) AEM Forms Remoting Example"
           height="25%" width="25%" paddingTop="10" paddingLeft="10" paddingRight="10"
           paddingBottom="10">
         <mx:Label width="100%" color="blue"
                text="Select a PDF file to pass to the EncryptDocument process"/>
        <mx:DataGrid x="10" y="0" width="500" id="idProgress" editable="false"
           dataProvider="{progressList}" height="231" selectable="false" >
          <mx:columns>
            <mx:DataGridColumn headerText="Filename" width="200" dataField="filename" editable="false"/>
            <mx:DataGridColumn headerText="State" width="75" dataField="state" editable="false"/>
            <mx:DataGridColumn headerText="Timing" width="75" dataField="timing" editable="false"/>
            <mx:DataGridColumn headerText="Click to Open" dataField="link" editable="false" >
             <mx:itemRenderer>
                <mx:Component>
                   <mx:Text x="0" y="0" width="100%" htmlText="{data.link}"/>
                </mx:Component>
             </mx:itemRenderer>
            </mx:DataGridColumn>
          </mx:columns>
        </mx:DataGrid>
        <mx:Button label="Select File" click="uploadFile()"  id="btnFile" enabled="false"/>
        <mx:Button label="Login" click="ROLogin();" id="btnLogin"/>
        <mx:Button label="LogOut" click="ROLogout();" enabled="false" id="btnLogout"/>
        <mx:HBox>
         <mx:Label text="User:"/>
         <mx:TextInput id="txtUser" text=""/>
         <mx:Label text="Password:"/>
         <mx:TextInput id="txtPassword" text="" displayAsPassword="true"/>
         <mx:CheckBox id="authenticatedCB"
             label="Authenticated?"
             enabled="false"/>
     </mx:HBox>
      </mx:Panel>
 </mx:Application>

另请参阅

使用AEM Forms调用(已为AEM表单弃用) AEM Forms远程处理

使用AEM Forms Remoting处理文档(AEM Forms已弃用)

包括AEM Forms Flex库文件

通过使用(不推荐用于AEM表单)AEM Forms Remoting传递不安全的文档来调用短暂的过程

验证使用Flex构建的客户端应用程序

使用远程调用自定义组件服务 invoking-custom-component-services-using-remoting

您可以使用远程处理在自定义组件中调用服务。 例如,考虑包含客户服务的银行组件。 您可以使用在Flex中编写的客户端应用程序调用属于客户服务的操作。 您必须先创建Bank自定义组件,然后才能执行与此部分关联的快速入门。

客户服务将公开一个名为的操作 createCustomer. 本讨论介绍如何创建可调用客户服务并创建客户的Flex客户端应用程序。 此操作需要类型复杂的对象 com.adobe.livecycle.sample.customer.Customer 代表新客户。 下图显示了调用客户服务并创建新客户的客户端应用程序。 此 createCustomer 操作返回客户标识符值。 标识符值显示在“客户标识符”文本框中。

iu_iu_flexnewcust

下表列出了属于此客户端应用程序一部分的控件。

控件名称
描述
txtFirst
指定客户的名字。
txtLast
指定客户的姓氏。
txtPhone
指定客户的电话号码。
txtStreet
指定客户的街道名称。
txtState
指定客户的状态。
txtZIP
指定客户的邮政编码。
txtCity
指定客户的城市。
txtCustId
指定新帐户所属的客户标识符值。 此文本框由客户服务的 createCustomer 操作。

映射AEM Forms复杂数据类型 mapping-aem-forms-complex-data-types

某些AEM Forms操作需要复杂的数据类型作为输入值。 这些复杂数据类型定义操作使用的运行时值。 例如,客户服务的 createCustomer 操作需要 Customer 包含服务所需的运行时值的实例。 如果没有复杂类型,客户服务将引发异常,并且不会执行该操作。

调用AEM Forms服务时,请创建映射到所需AEM Forms复杂类型的ActionScript对象。 对于每个操作所需的复杂数据类型,请创建一个单独的ActionScript对象。

在ActionScript类中,使用 RemoteClass 要映射到AEM Forms复杂类型的元数据标记。 例如,调用客户服务的 createCustomer 操作,创建映射到的ActionScript类 com.adobe.livecycle.sample.customer.Customer 数据类型。

以下名为“客户”的ActionScript类显示了如何映射到AEM Forms数据类型 com.adobe.livecycle.sample.customer.Customer.

 package customer

 {
     [RemoteClass(alias="com.adobe.livecycle.sample.customer.Customer")]
     public class Customer
     {
            public var name:String;
            public var street:String;
            public var city:String;
            public var state:String;
            public var phone:String;
            public var zip:int;
        }
 }

AEM Forms复杂类型的完全限定数据类型将分配给别名标记。

ActionScript类的字段与属于AEM Forms复杂类型的字段匹配。 客户ActionScript类中的六个字段与属于以下类别的字段匹配 com.adobe.livecycle.sample.customer.Customer.

NOTE
确定属于Forms复杂类型的字段名称的一个好方法是在Web浏览器中查看服务的WSDL。 WSDL指定服务的复杂类型和相应的数据成员。 客户服务使用以下WSDL: https://[yourServer]:[yourPort]/soap/services/CustomerService?wsdl.

CustomerActionScript类属于名为customer的包。 建议您将映射到复杂AEM Forms数据类型的所有ActionScript类放置在其自己的包中。 在Flex项目的src文件夹中创建一个文件夹,然后将ActionScript文件置于该文件夹中,如下图所示。

iu_iu_customeras

快速入门:使用Remoting调用客户自定义服务 quick-start-invoking-the-customer-custom-service-using-remoting

以下代码示例调用Customer service并创建客户。 运行此代码示例时,请确保填写所有文本框。 此外,请确保您创建了映射到以下位置的Customer.as文件 com.adobe.livecycle.sample.customer.Customer.

NOTE
在执行此快速入门之前,您必须创建和部署Bank自定义组件。
 <?xml version="1.0" encoding="utf-8"?>
 <mx:Application  layout="absolute" backgroundColor="#B1ABAB">

 <mx:Script>
            <![CDATA[

      import flash.net.FileReference;
      import flash.net.URLRequest;
      import flash.events.Event;
      import flash.events.DataEvent;
      import mx.messaging.ChannelSet;
      import mx.messaging.channels.AMFChannel;
      import mx.rpc.events.ResultEvent;
      import mx.collections.ArrayCollection;
      import mx.rpc.AsyncToken;
      import mx.managers.CursorManager;
      import mx.rpc.remoting.mxml.RemoteObject;


      // Custom class that corresponds to an input to the
      // AEM Forms encryption method
      import customer.Customer;

      // Classes used in file retrieval
      private var fileRef:FileReference = new FileReference();
      private var parentResourcePath:String = "/";
      private var serverPort:String = "hiro-xp:8080";
      private var now1:Date;
      private var fileName:String;

      // Prepares parameters for encryptPDFUsingPassword method call
      public function executeCreateCustomer():void
      {

        var cs:ChannelSet= new ChannelSet();
     cs.addChannel(new AMFChannel("remoting-amf", "https://" + serverPort + "/remoting/messagebroker/amf"));

     customerService.setCredentials("administrator", "password");
     customerService.channelSet = cs;

     //Create a Customer object required to invoke the Customer service's
     //createCustomer operation
     var myCust:Customer = new Customer();

     //Get values from the user of the Flex application
     var fullName:String = txtFirst.text +" "+txtLast.text ;
     var Phone:String = txtPhone.text;
     var Street:String = txtStreet.text;
     var State:String = txtState.text;
     var Zip:int = parseInt(txtZIP.text);
     var City:String = txtCity.text;

     //Populate Customer fields
     myCust.name = fullName;
     myCust.phone = Phone;
     myCust.street= Street;
     myCust.state= State;
     myCust.zip = Zip;
     myCust.city = City;

     //Invoke the Customer service's createCustomer operation
     var params:Object = new Object();
        params["inCustomer"]=myCust;
     var token:AsyncToken;
        token = customerService.createCustomer(params);
        token.name = name;
      }

      private function handleResult(event:ResultEvent):void
      {
          // Retrieve the information returned from the service invocation
          var token:AsyncToken = event.token;
          var res:Object = event.result;
          var custId:String = res["CustomerId"] as String;

          //Assign to the custId to the text box
          txtCustId.text = custId;
      }


      private function resultHandler(event:ResultEvent):void
      {

      }
            ]]>
 </mx:Script>
 <mx:RemoteObject id="customerService" destination="CustomerService" result="resultHandler(event);">
 <mx:method name="createCustomer" result="handleResult(event)"/>
 </mx:RemoteObject>


 <mx:Style source="../bank.css"/>
     <mx:Grid>
                     <mx:GridRow width="100%" height="100%">
                         <mx:GridItem width="100%" height="100%">
                             <mx:Label text="New Customer" fontSize="16" fontWeight="bold"/>
                         </mx:GridItem>
                         <mx:GridItem width="100%" height="100%">
                         </mx:GridItem>
                         <mx:GridItem width="100%" height="100%">
                         </mx:GridItem>
                     </mx:GridRow>
                     <mx:GridRow width="100%" height="100%">
                         <mx:GridItem width="100%" height="100%">
                             <mx:Label text="First Name:" fontSize="12" fontWeight="bold"/>
                         </mx:GridItem>
                         <mx:GridItem width="100%" height="100%">
                             <mx:TextInput styleName="textField" id="txtFirst"/>
                         </mx:GridItem>
                         <mx:GridItem width="100%" height="100%">
                             <mx:Button label="Create Customer" id="btnCreateCustomer" click="executeCreateCustomer()"/>
                         </mx:GridItem>
                     </mx:GridRow>
                     <mx:GridRow width="100%" height="100%">
                         <mx:GridItem width="100%" height="100%">
                             <mx:Label text="Last Name" fontSize="12" fontWeight="bold"/>
                         </mx:GridItem>
                         <mx:GridItem width="100%" height="100%">
                             <mx:TextInput styleName="textField" id="txtLast"/>
                         </mx:GridItem>
                         <mx:GridItem width="100%" height="100%">
                         </mx:GridItem>
                     </mx:GridRow>
                     <mx:GridRow width="100%" height="100%">
                         <mx:GridItem width="100%" height="100%">
                             <mx:Label text="Phone" fontSize="12" fontWeight="bold"/>
                         </mx:GridItem>
                         <mx:GridItem width="100%" height="100%">
                             <mx:TextInput styleName="textField" id="txtPhone"/>
                         </mx:GridItem>
                         <mx:GridItem width="100%" height="100%">
                         </mx:GridItem>
                     </mx:GridRow>
                     <mx:GridRow width="100%" height="100%">
                         <mx:GridItem width="100%" height="100%">
                             <mx:Label text="Street" fontSize="12" fontWeight="bold"/>
                         </mx:GridItem>
                         <mx:GridItem width="100%" height="100%">
                             <mx:TextInput styleName="textField" id="txtStreet"/>
                         </mx:GridItem>
                         <mx:GridItem width="100%" height="100%">
                         </mx:GridItem>
                     </mx:GridRow>
                     <mx:GridRow width="100%" height="100%">
                         <mx:GridItem width="100%" height="100%">
                             <mx:Label text="State" fontSize="12" fontWeight="bold"/>
                         </mx:GridItem>
                         <mx:GridItem width="100%" height="100%">
                             <mx:TextInput styleName="textField" id="txtState"/>
                         </mx:GridItem>
                         <mx:GridItem width="100%" height="100%">
                         </mx:GridItem>
                     </mx:GridRow>
                     <mx:GridRow width="100%" height="100%">
                         <mx:GridItem width="100%" height="100%">
                             <mx:Label text="ZIP" fontSize="12" fontWeight="bold"/>
                         </mx:GridItem>
                         <mx:GridItem width="100%" height="100%">
                             <mx:TextInput styleName="textField" id="txtZIP"/>
                         </mx:GridItem>
                         <mx:GridItem width="100%" height="100%">
                         </mx:GridItem>
                     </mx:GridRow>
                     <mx:GridRow width="100%" height="100%">
                         <mx:GridItem width="100%" height="100%">
                             <mx:Label text="City" fontSize="12" fontWeight="bold"/>
                         </mx:GridItem>
                         <mx:GridItem width="100%" height="100%">
                             <mx:TextInput styleName="textField" id="txtCity"/>
                         </mx:GridItem>
                         <mx:GridItem width="100%" height="100%">
                         </mx:GridItem>
                     </mx:GridRow>
                             <mx:GridRow width="100%" height="100%">
                         <mx:GridItem width="100%" height="100%">
                             <mx:Label text="Customer Identifier" fontSize="12" fontWeight="bold"/>
                         </mx:GridItem>
                         <mx:GridItem width="100%" height="100%">
                             <mx:TextInput styleName="textField" id="txtCustId" editable="false"/>
                         </mx:GridItem>
                         <mx:GridItem width="100%" height="100%">
                         </mx:GridItem>
                     </mx:GridRow>
                 </mx:Grid>
 </mx:Application>

样式表

此快速入门包含一个名为的样式表 bank.css. 以下代码表示所使用的样式表。

 /* CSS file */
 global
 {
          backgroundGradientAlphas: 1.0, 1.0;
          backgroundGradientColors: #525152,#525152;
          borderColor: #424444;
          verticalAlign: middle;
          color: #FFFFFF;
          font-size:12;
          font-weight:normal;
 }

 ApplicationControlBar
 {
          fillAlphas: 1.0, 1.0;
          fillColors: #393839, #393839;
 }

 .textField
 {
          backgroundColor: #393839;
          background-disabled-color: #636563;
 }


 .button
 {
          fillColors: #636563, #424242;
 }

 .dropdownMenu
 {
          backgroundColor: #DDDDDD;
          fillColors: #636563, #393839;
          alternatingItemColors: #888888, #999999;
 }

 .questionLabel
 {

 }

 ToolTip
 {
        backgroundColor: black;
        backgroundAlpha: 1.0;
        cornerRadius: 0;
        color: white;
 }

 DateChooser
 {
        cornerRadius: 0; /* pixels */
        headerColors: black, black;
        borderColor: black;
        themeColor: black;
        todayColor: red;
        todayStyleName: myTodayStyleName;
        headerStyleName: myHeaderStyleName;
        weekDayStyleName: myWeekDayStyleName;
        dropShadowEnabled: true;
 }

 .myTodayStyleName
 {
        color: white;
 }

 .myWeekDayStyleName
 {
        fontWeight: normal;
 }

 .myHeaderStyleName
 {
        color: red;
        fontSize: 16;
        fontWeight: bold;
 }

另请参阅

使用AEM Forms调用(已为AEM表单弃用) AEM Forms远程处理

使用AEM Forms Remoting处理文档(AEM Forms已弃用)

包括AEM Forms Flex库文件

通过使用(不推荐用于AEM表单)AEM Forms Remoting传递不安全的文档来调用短暂的过程

验证使用Flex构建的客户端应用程序

使用远程处理传递安全文档以调用进程

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2