使用刪除調用AEM Forms

在Workbench中建立的流程可通過使用Remoting調用。 也就是說,您可以從使用Flex建立的用戶端應用程式來叫用AEM Forms程式。 這項功能以資料服務為基礎。

注意

使用Remoting時,建議您叫用在Workbench中建立的流程,而非AEM Forms服務。 但是,可以直接援引AEM Forms服務。 (請參閱AEM Forms開發人員中心的「使用遠端加密PDF檔案」)。

注意

如果AEM Forms服務未配置為允許匿名訪問,則來自Flex客戶端的請求會導致Web瀏覽器出現問題。 用戶必須輸入用戶名和密碼憑據。

可使用Remoting調用以下名為MyApplication/EncryptDocument的AEM Forms短期進程。 (有關此進程的資訊(如其輸入和輸出值),請參見短壽命進程示例。)

iu_iu_encryptdocumentprocess2

注意

要使用Flex應用程式調用AEM Forms進程,請確保啟用遠程端點。 預設情況下,在部署進程時將啟用遠程端點。

調用此進程時,它執行以下操作:

  1. 取得以輸入值傳遞的不安全PDF檔案。 此操作基於SetValue操作。 輸入參數的名稱為inDoc,其資料類型為document。 (document資料類型是Workbench內的可用資料類型。)
  2. 使用密碼加密PDF檔案。 此操作基於PasswordEncryptPDF操作。 此程式的輸出值名稱為outDoc,代表密碼加密的PDF檔案。 outDoc的資料類型為document
  3. 將密碼加密的PDF檔案儲存為PDF檔案至本機檔案系統。 此操作基於WriteDocument操作。
注意

MyApplication/EncryptDocument進程不基於現有的AEM Forms進程。 要跟隨代碼示例,請使用Workbench建立名為MyApplication/EncryptDocument的流程。

注意

有關使用Remoting調用長壽命進程的資訊,請參閱調用以人為中心的長壽命進程

另請參閱

包括AEM FormsFlex圖書館的檔案

使用(不建議使用表單)處AEM理文檔AEM FormsRemoting

使用(表單不建議使用)AEM Forms·遠程傳遞不安全的文檔,以叫用短AEM期流程

驗證使用Flex構建的客戶端應用程式

使用Remoting傳遞安全檔案以叫用程式

使用Remoting叫用自訂元件服務

建立以Flex為基礎的用戶端應用程式,以叫用以人為中心的長壽命程式

建立使用HTTP Token執行SSO驗證的Flash Builder應用程式

有關如何在Flex圖形控制項中顯示流程資料的資訊,請參閱在Flex圖形中顯示AEM Forms流程資料

注意

請務必將crossdomain.xml檔案放在適當的位置。例如,假設您在JBoss上部署了AEM Forms,請將此檔案放置在以下位置:<install_directory>\Adobe_Experience_Manager_forms\jboss\server\lc_turnkey\deploy\jboss-web.deployer\ROOT.war.

包括AEM FormsFlex庫檔案

若要使用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用)AEM FormsRemoting調用

使用(不建議使用表單)處AEM理文檔AEM FormsRemoting

使用(表單不建議使用)AEM Forms·遠程傳遞不安全的文檔,以叫用短AEM期流程

驗證使用Flex構建的客戶端應用程式

使用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檔案。

將文檔作為輸入參數傳遞

使用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傳遞安全文檔以調用進程。)

    注意

    如果將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 Forms·Remoting傳遞不安全的檔案,以叫用短AEM期流程。)

 
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 Forms·Remoting傳遞不安全的檔案,以叫用短AEM期流程。)

將文檔傳回客戶端應用程式

客戶端應用程式接收類型為mx.rpc.livecycle.DocumentReference的對象,用於返回作為輸出參數的com.adobe.idp.Document實例的服務操作。 由於客戶端應用程式處理的是ActionScript對象,而不是Java,因此不能將基於Java的文檔對象傳回到Flex客戶端。 伺服器會為檔案產生URL,並將URL傳回用戶端。 DocumentReference物件的referenceType屬性指定內容是位於DocumentReference物件中,還是必須從DocumentReference.url屬性的URL擷取。 DocumentReference.contentType屬性指定文檔類型。

另請參閱

使用(表單不建議使AEM用)AEM FormsRemoting調用

包括AEM FormsFlex圖書館的檔案

使用(表單不建議使用)AEM Forms·遠程傳遞不安全的文檔,以叫用短AEM期流程

驗證使用Flex構建的客戶端應用程式

使用Remoting傳遞安全檔案以叫用程式

使用Remoting傳遞不安全的檔案,以叫用短暫的進程

要從使用Flex構建的應用程式調用AEM Forms進程,請執行以下任務:

  1. 建立mx:RemoteObject實例。
  2. 建立ChannelSet實例。
  3. 傳遞必要的輸入值。
  4. 處理返回值。
注意

本節討論在將AEM Forms配置為上傳不安全的文檔時,如何調用AEM Forms進程並上傳文檔。 有關如何調用AEM Forms進程和上傳安全文檔以及如何配置AEM Forms接受安全和不安全文檔的資訊,請參見使用Remoting傳遞安全文檔以調用進程。

建立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的渠道

客戶端應用程式可以通過在或ActionScript中指MXML定渠道來調用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語句中導入channel類,而不是指定完全限定的名稱。

傳遞輸入值

在Workbench中建立的流程可採用零個或多個輸入參數並返回輸出值。 客戶端應用程式在ActionScript對象內傳遞輸入參數,其欄位與屬於AEM Forms進程的參數相對應。 名為MyApplication/EncryptDocument的短期進程需要一個名為inDoc的輸入參數。 進程公開的操作名稱為invoke(短期進程的預設名稱)。 (請參閱使用(表單不建議使用AEM)AEM Forms·里莫廷叫用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)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參數必須是包含單一句點的字串。 句點的左、主版和右、次版的值必須是整數。 如果未指定此參數,則會調用頭活動版本。

處理返回值

AEM Forms流程輸出參數被去序列化為ActionScript對象,客戶端應用程式從這些對象中按名稱提取特定參數,如以下示例所示。 (MyApplication/EncryptDocument進程的輸出值名為outDoc。)

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

調用MyApplication/EncryptDocument進程

通過執行以下步驟,可以調用MyApplication/EncryptDocument進程:

  1. 通過ActionScript或建立mx:RemoteObject實例MXML。 請參閱建立mx:RemoteObject例項。
  2. 設定ChannelSet實例以與AEM Forms通信,並將其與mx:RemoteObject實例關聯。 請參閱建立通往AEM Forms的渠道。
  3. 呼叫ChannelSet的login方法或服務的setCredentials方法,以指定使用者識別碼值和密碼。 (請參閱使用單一登入)。
  4. mx.rpc.livecycle.DocumentReference例項中填入不安全的PDF檔案,以傳遞至MyApplication/EncryptDocument程式。 (請參閱將文檔作為輸入參數傳遞。)
  5. 呼叫mx:RemoteObject例項的invoke方法,以加密PDF檔案。 傳遞包含輸入參數的Object(此為不安全的PDF檔案)。 請參閱傳遞輸入值。
  6. 擷取從程式傳回的密碼加密PDF檔案。 請參閱處理返回值。

快速入門:使用(表單不建議使用)AEM Forms·遠程傳遞不安全的文檔,以叫用短AEM期流程

驗證使用Flex構建的客戶端應用程式

表單使用者管理AEM員可透過數種方式從Flex應用程式驗證Remoting要求,包括AEM Forms單一登入(透過中央登入服務)、基本驗證和自訂驗證。 當未啟用單一登入或匿名存取時,遠端要求會產生基本驗證(預設值)或自訂驗證。

基本驗證需仰賴Web應用程式容器中的標準J2EE基本驗證。 對於基本驗證,HTTP 401錯誤會造成瀏覽器挑戰。 這表示當您嘗試使用RemoteObject連線至Forms應用程式,但尚未從Flex應用程式登入時,瀏覽器會提示您輸入使用者名稱和密碼。

對於自訂驗證,伺服器會傳送錯誤給用戶端,指出需要驗證。

注意

如需使用HTTP Token執行驗證的詳細資訊,請參閱建立使用HTTP Token執行SSO驗證的Flash Builder應用程式

使用自訂驗證

通過將遠程端點上的驗證方法從「基本」更改為「自定義」,可以在管理控制台中啟用自定義驗證。 如果您使用自訂驗證,您的用戶端應用程式會呼叫ChannelSet.login方法以登入,而呼叫ChannelSet.logout方法以登出。

注意

在上一版的AEM Forms中,您通過調用RemoteObject.setCredentials方法向目標發送認證。 setCredentials方法直到元件第一次嘗試連接到伺服器時才實際將憑據傳遞到伺服器。 因此,如果元件發出故障事件,則無法確定是否由於驗證錯誤或其他原因發生故障。 當您呼叫ChannelSet.login方法時,會連線至伺服器,以便您能立即處理驗證問題。 雖然您可以繼續使用setCredentials方法,但建議您使用ChannelSet.login方法。

由於多個目標可以使用相同的通道和相應的ChannelSet對象,因此登錄到一個目標會將用戶登錄到使用相同通道或通道的任何其他目標。 如果兩個元件將不同的憑據應用到同一ChannelSet對象,則會使用最後應用的憑據。 如果多個元件使用相同的已驗證ChannelSet對象,則調用logout方法會將所有元件從目標中記錄出來。

以下示例使用ChannelSet.loginChannelSet.logout方法和RemoteObject控制項。 此應用程式執行以下操作:

  • creationComplete處理常式中建立ChannelSet物件,代表RemoteObject元件使用的頻道
  • 響應Button click事件調用ROLogin函式,將憑據傳遞給伺服器
  • 使用RemoteObject元件向伺服器發送字串以響應Button按一下事件。 伺服器將相同的字串返回RemoteObject元件
  • 使用RemoteObject元件的結果事件在TextArea控制項中顯示字串
  • 響應Button click事件調用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物件,以處理成功的呼叫,並為錯誤事件指派處理常式以處理失敗。

使用單一登入

表AEM單使用者可連接至多個AEM FormsWeb應用程式以執行工作。 當使用者從一個Web應用程式移至另一個Web應用程式時,要求他們個別登入每個Web應用程式並不有效。 AEM Forms單一登入機制可讓使用者登入一次,然後存取任何AEM FormsWeb應用程式。 由於AEM Forms開發人員可建立用戶端應用程式以搭配AEM Forms使用,因此他們也必須能運用單一登入機制。

每個AEM FormsWeb應用程式都會封裝在其專屬的Web Archive(WAR)檔案中,然後封裝為企業檔案(EAR)檔案的一部分。 由於應用程式伺服器不允許在不同的Web應用程式間共用工作階段資料,AEM Forms使用HTTP Cookie來儲存驗證資訊。 驗證Cookie可讓使用者登入Forms應用程式,然後連線至其他AEM Forms網路應用程式。 此技術稱為單一登入。

AEM Forms開發人員編寫用戶端應用程式,以擴充表單參考線(已過時)的功能,並自訂工作區。 例如,工作區應用程式可以啟動程式。 然後客戶端應用程式使用遠程端點從Forms服務中檢索資料。

當使用(表單不建議使用AEM)AEM FormsRemoting呼叫AEM Forms服務時,用戶端應用程式會將驗證Cookie傳送為請求的一部分。 由於使用者已經通過驗證,所以不需要額外登入,就能將用戶端應用程式連線至AEM Forms服務。

注意

如果Cookie無效或遺失,則沒有內含的重新導向至登入頁面。 因此,您仍可呼叫匿名服務。

您可以編寫自行登入和登出的用戶端應用程式,以略過AEM Forms單一登入機制。 如果您略過單一登入機制,則可對應用程式使用基本或自訂驗證。

由於此機制不使用AEM Forms單一登入機制,因此不會將驗證Cookie寫入用戶端。 登錄憑據儲存在遠程通道的ChannelSet對象中。 因此,您對相同ChannelSet進行的任何RemoteObject呼叫都是在這些認證的上下文中進行的。

在AEM Forms中設定單一登入

若要在AEM Forms使用單一登入,請安裝表單工作流程元件,其中包含集中式登入服務。 使用者成功登入後,集中式登入服務會傳回驗證Cookie給使用者。 後續對Forms網頁應用程式的每個要求都包含Cookie。 如果Cookie有效,使用者即視為已驗證,不必再登入。

編寫使用單一登入的用戶端應用程式

當您運用單一登入機制時,您預期使用者在啟動用戶端應用程式之前,應使用集中式登入服務來登入。 也就是說,客戶端應用程式不通過瀏覽器或通過調用ChannelSet.login方法登錄。

如果您使用AEM Forms單一登入機制,請設定遠端端點使用自訂驗證,而非基本驗證。 否則,當使用基本驗證時,驗證錯誤會導致瀏覽器出現問題,您不希望使用者看到。 您的應用程式會偵測到驗證錯誤,然後顯示訊息,指示使用者使用集中式登入服務登入。

客戶端應用程式使用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服務時都會包含此Cookie。 基於效能原因,AEM Forms不會在每次要求時驗證Cookie。 但是,AEM Forms會偵測到驗證Cookie何時被其他驗證Cookie取代。

例如,您啟動客戶端應用程式,當應用程式處於活動狀態時,您使用集中式登錄服務登出。 接下來,您可以以不同的使用者身分登入。 以不同使用者身分登入時,會以新使用者的驗證Cookie取代現有的驗證Cookie。

在用戶端應用程式的下一個要求時,AEM Forms會偵測到Cookie已變更,並登出使用者。 因此,Cookie變更後的第一個請求會失敗。 所有後續請求都會在新Cookie的上下文中提出並成功。

登出

若要登出AEM Forms並使作業無效,必須從用戶端電腦刪除驗證Cookie。 由於單一登入的目的是讓使用者登入一次,因此您不希望用戶端應用程式刪除Cookie。 此動作可有效登出使用者。

因此,在客戶端應用程式中調用RemoteObject.logout方法會在客戶端上生成一條錯誤消息,指定會話未註銷。 使用者可以改用集中式登入服務來登出和刪除驗證Cookie。

在Flex應用程式仍在運行時註銷

您可以啟動以Flex建立的客戶端應用程式,並使用集中式登入服務登出。 在登出程式中,會刪除驗證Cookie。 如果提出移除要求時沒有Cookie,或是使用無效的Cookie,使用者作業會無效。 此操作實際上是註銷。 下次客戶端應用程式嘗試連接到AEM Forms服務時,會請求用戶登錄。

另請參閱

使用(表單不建議使AEM用)AEM FormsRemoting調用

使用(不建議使用表單)處AEM理文檔AEM FormsRemoting

包括AEM FormsFlex圖書館的檔案

使用(表單不建議使用)AEM Forms·遠程傳遞不安全的文檔,以叫用短AEM期流程

使用Remoting傳遞安全檔案以叫用程式

使用Remoting傳遞安全文檔以調用進程

在調用需要一個或多個文檔的流程時,可以將安全文檔傳遞給AEM Forms。 通過傳遞安全文檔,您可以保護業務資訊和機密文檔。 在這種情況下,檔案可以參照PDF檔案、XML檔案、Word檔案等。 當AEM Forms配置為允許安全文檔時,需要將安全文檔從在Flex編寫的客戶端應用程式傳遞到AEM Forms。 (請參閱將AEM Forms配置為接受安全和不安全的文檔。)

傳遞安全檔案時,請使用單一登入並指定具AEM有檔案上傳應用程式使用者角色的表單使用者。 如果沒有此角色,用戶將無法上傳安全文檔。 您可以以程式設計方式為使用者指派角色。 (請參閱管理角色和權限。)

注意

當您建立新角色並希望該角色的成員上傳安全檔案時,請確定您指定「檔案上傳」權限。

AEM Forms支援名為getFileUploadToken的操作,該操作返回傳遞到上載servlet的令牌。 DocumentReference.constructRequestForUpload方法需要URL連同LC.FileUploadAuthenticator.getFileUploadToken方法傳回的Token。 此方法返回在調用上載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配置為接受安全和不安全的文檔

您可以使用管理控制台來指定將檔案從Flex用戶端應用程式傳送至AEM Forms程式時,檔案是否安全。 預設情況下,AEM Forms配置為接受安全文檔。 您可以執行以下步驟,將AEM Forms配置為接受安全文檔:

  1. 登入管理控制台。
  2. 按一下​Settings
  3. 按一下​核心繫統設定
  4. 按一下​Configurations
  5. 請確定未選取「允許從Flex應用程式上傳非安全文檔」選項。
注意

要將AEM Forms配置為接受不安全的文檔,請選擇「允許從Flex應用程式上傳非安全的文檔」選項。 然後重新啟動應用程式或服務,以確保設定生效。

快速入門:使用Remoting傳遞安全文檔,以叫用短期流程

以下代碼示例調用MyApplication/EncryptDocument.用戶必須登錄才能按一下用於上傳PDF檔案並調用該過程的「選擇檔案」按鈕。 也就是說,一旦用戶通過驗證,「選擇檔案」按鈕即會啟用。 下圖顯示在驗證使用者後的Flex用戶端應用程式。 請注意,已驗證核取方塊已啟用。

iu_iu_secureremotelogin

如果將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用)AEM FormsRemoting調用

使用(不建議使用表單)處AEM理文檔AEM FormsRemoting

包括AEM FormsFlex圖書館的檔案

使用(表單不建議使用)AEM Forms·遠程傳遞不安全的文檔,以叫用短AEM期流程

驗證使用Flex構建的客戶端應用程式

使用Remoting調用自定義元件服務

您可以使用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複雜資料類型

有些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類中的6個欄位與屬於com.adobe.livecycle.sample.customer.Customer的欄位匹配。

注意

確定屬於Forms複雜類型的欄位名稱的一個好方法是在Web瀏覽器中查看服務的WSDL。 WSDL指定服務的複雜類型和相應的資料成員。 以下WSDL用於客戶服務:https://[yourServer]:[yourPort]/soap/services/CustomerService?wsdl.

客戶ActionScript類屬於名為customer的包。 建議您將映射至複雜AEM Forms資料類型的所有ActionScript類都放在它們自己的包中。 在Flex項目的src資料夾中建立資料夾,並將ActionScript檔案放在資料夾中,如下圖所示。

iu_iu_customeras

快速入門:使用Remoting調用客戶定制服務

以下代碼示例調用客戶服務並建立新客戶。 執行此程式碼範例時,請確定您已填寫所有文字方塊。 此外,請確定您建立對應至com.adobe.livecycle.sample.customer.Customer的Customer.as檔案。

注意

您必須先建立並部署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用)AEM FormsRemoting調用

使用(不建議使用表單)處AEM理文檔AEM FormsRemoting

包括AEM FormsFlex圖書館的檔案

使用(表單不建議使用)AEM Forms·遠程傳遞不安全的文檔,以叫用短AEM期流程

驗證使用Flex構建的客戶端應用程式

使用Remoting傳遞安全檔案以叫用程式

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now