使用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浏览器质询。 用户必须输入用户名和密码凭据。

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

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进程。 要遵循代码示例,请使用Workbench创建名为MyApplication/EncryptDocument的进程。
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_directory>是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.DocumentReferenceActionScript类的实例将输入参数传递给预期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的新增功能是能够上传安全文档。 上载安全文档时,必须使用具有​ 文档上载应用程序用户 ​角色的用户。 如果没有此角色,用户将无法上传安全文档。 建议您使用单点登录上载安全文档。 (请参阅传递安全文档以使用Remoting调用进程。)
NOTE
如果将AEM Forms配置为允许上传不安全的文档,则您可以使用没有文档上传应用程序用户角色的用户来上传文档。 用户还可以具有文档上传权限。 但是,如果将AEM Forms配置为仅允许安全文档,请确保用户具有“文档上传应用程序用户”角色或“文档上传”权限。 (请参阅将AEM Forms配置为接受安全且不安全的文档

您对指定的上载URL使用标准Flash上载功能: https://SERVER:PORT/remoting/lcfileupload。 然后,只要需要Document类型的输入参数,您就可以使用DocumentReference对象
 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对象中,还是必须从DocumentReference.url属性中的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

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

 <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示例所示。 渠道必须是AMFChannelSecureAMFChannelHTTPChannelSecureHTTPChannel

     ...
     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字段(如上一个代码示例所示)。 通常,在调用ChannelSet.addChannel方法时在import语句中导入通道类,而不是指定完全限定的名称。

传递输入值

在Workbench中创建的进程可以接受零个或多个输入参数并返回输出值。 客户端应用程序使用与AEM Forms进程参数对应的字段,在ActionScript对象中传递输入参数。 名为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);
     ...

在此代码示例中,pdfDocument是包含不安全PDF文档的DocumentReference实例。 有关DocumentReference的信息,请参阅使用(不建议用于AEM表单)AEM Forms远程处理处理文档

调用服务的特定版本

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

 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. 通过ActionScript或MXML创建mx:RemoteObject实例。 请参阅创建mx:RemoteObject实例。
  2. 设置ChannelSet实例以与AEM Forms通信,并将其与mx:RemoteObject实例关联。 请参阅创建AEM Forms渠道。
  3. 调用ChannelSet的login方法或服务的setCredentials方法以指定用户标识符值和密码。 (请参阅使用单点登录。)
  4. 使用不安全的PDF文档填充mx.rpc.livecycle.DocumentReference实例以传递到MyApplication/EncryptDocument进程。 (请参阅将文档作为输入参数传递。)
  5. 通过调用mx:RemoteObject实例的invoke方法来加密PDF文档。 传递包含输入参数(这是不安全的PDF文档)的Object。 请参阅传递输入值。
  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控件一起使用。 此应用程序执行以下操作:

  • creationComplete处理程序中创建一个ChannelSet对象,该对象表示RemoteObject组件使用的渠道
  • 通过调用ROLogin函数将凭据传递到服务器,以响应Button单击事件
  • 使用RemoteObject组件向服务器发送一个字符串,以响应Button单击事件。 服务器将相同的字符串返回给RemoteObject组件
  • 使用RemoteObject组件的结果事件在TextArea控件中显示字符串
  • 通过调用ROLogout函数以响应Button单击事件注销服务器
 <?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。 例如,Workspace应用程序可以启动一个流程。 然后,客户端应用程序使用远程端点从Forms服务检索数据。

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

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

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

由于此机制不使用AEM Forms单点登录机制,因此不会向客户端写入身份验证Cookie。 登录凭据存储在远程渠道的ChannelSet对象中。 因此,您在同一ChannelSet上进行的任何RemoteObject调用都是在这些凭据的上下文中进行的。

在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端点配置为使用自定义身份验证,而不是基本身份验证。 否则,在使用基本身份验证时,身份验证错误会导致浏览器质询,您不希望用户看到该质询。 相反,您的应用程序会检测身份验证错误,然后显示一条消息,指示用户使用集中式登录服务登录。

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

 <?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方法返回的令牌。 此方法返回在上载servlet调用中使用的URLRequest对象。 以下代码演示了此应用程序逻辑。

     ...
         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配置为仅允许上载安全文档,并且该用户没有​ Document Upload Application User ​角色,则会引发异常。 如果用户确实具有此角色,则会上传文件并调用进程。

 <?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操作时,创建映射到com.adobe.livecycle.sample.customer.Customer数据类型的ActionScript类。

以下名为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复杂类型的字段匹配。 CustomerActionScript类中的六个字段与属于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并创建客户。 运行此代码示例时,请确保填写所有文本框。 另外,请确保创建映射到com.adobe.livecycle.sample.customer.Customer的Customer.as文件。

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