使用遠端功能叫用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使用者端的請求會導致網頁瀏覽器質詢。 使用者必須輸入使用者名稱和密碼認證。

可以使用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表單) 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表單已棄用) AEM Forms遠端功能叫用AEM Forms

使用(不用於AEM表單) 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的內容。 Document Management服務可協助產生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的新功能是上傳安全檔案。 上傳安全檔案時,您必須使用具有​ 檔案上傳應用程式使用者 ​角色的使用者。 若沒有此角色,使用者無法上傳安全檔案。 建議您使用單一登入上傳安全檔案。 (請參閱傳遞安全檔案以使用遠端處理叫用程式。)
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物件中,還是必須從DocumentReference.url屬性的URL擷取。 DocumentReference.contentType屬性指定檔案的型別。

另請參閱

使用(AEM表單已棄用) AEM Forms遠端功能叫用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方法時指定完整限定名稱。

傳遞輸入值

在Workbench中建立的處理作業可採用零個或多個輸入引數,並傳回輸出值。 使用者端應用程式使用對應至AEM Forms處理序之引數的欄位,在ActionScript物件內傳遞輸入引數。 名為MyApplication/EncryptDocument的短期處理程式需要一個名為inDoc的輸入引數。 處理序公開的作業名稱為invoke (短期處理序的預設名稱)。 (請參閱使用(AEM表單已棄用) AEM Forms Remoting叫用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 Forms已棄用) AEM Forms Remoting處理檔案。

叫用特定版本的服務

您可以在叫用的引數對應中使用_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表單使用者管理員可透過數種方式,驗證來自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元件將String傳送至伺服器,以回應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應用程式並不有效率。 AEM Forms單一登入機制可讓使用者登入一次,然後存取任何AEM Forms網頁應用程式。 由於AEM Forms開發人員可建立使用者端應用程式以與AEM Forms搭配使用,因此他們也必須能夠運用單一登入機制。

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

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網路應用程式提出的請求都包含該Cookie。 如果Cookie有效,系統就會將使用者視為已驗證,無需再次登入。

撰寫使用單一登入的使用者端應用程式 writing-a-client-application-that-uses-single-sign-on

當您利用單一登入機制時,您預期使用者在啟動使用者端應用程式之前,會先使用集中式登入服務登入。 也就是說,使用者端應用程式不會透過瀏覽器或呼叫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服務提出的每個請求。 基於效能考量,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 Forms遠端功能叫用AEM Forms

使用(不用於AEM表單) 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的Token。 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. 按一下「組態」。
  5. 確保取消選取「允許從Flex應用程式上傳不安全的檔案」選項。
NOTE
  • 若要設定AEM Forms以接受不安全的檔案,請選取「允許從Flex應用程式上傳不安全的檔案」選項。 然後重新啟動應用程式或服務,確保設定生效。
  • 建議您使用'Ctrl + C'命令重新啟動SDK。 使用替代方法重新啟動AEM SDK (例如停止Java程式)可能會導致AEM開發環境不一致。

快速入門:透過使用Remoting傳遞安全檔案來叫用短期流程 quick-start-invoking-a-short-lived-process-by-passing-a-secure-document-using-remoting

下列程式碼範例會叫用MyApplication/EncryptDocument.使用者必須登入才能按一下[選取檔案]按鈕,該按鈕用於上傳PDF檔案並叫用處理序。 也就是說,一旦使用者通過驗證,就會啟用「選取檔案」按鈕。 下圖顯示使用者通過驗證後的Flex使用者端應用程式。 請注意,已驗證的CheckBox已啟用。

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表單已棄用) AEM Forms遠端功能叫用AEM Forms

使用(不用於AEM表單) AEM Forms遠端處理檔案

包含AEM Forms Flex程式庫檔案

使用(不建議用於AEM表單) AEM Forms Remoting傳遞不安全的檔案,以叫用短暫的程式

驗證使用Flex建置的使用者端應用程式

使用遠端功能叫用自訂元件服務 invoking-custom-component-services-using-remoting

您可以使用遠端在自訂元件中叫用服務。 例如,考慮包含客戶服務的Bank元件。 您可以使用在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複雜型別的欄位相符。 客戶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並建立客戶。 執行此程式碼範例時,請確定您填寫所有文字方塊。 此外,請確定您建立了對應至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表單已棄用) AEM Forms遠端功能叫用AEM Forms

使用(不用於AEM表單) AEM Forms遠端處理檔案

包含AEM Forms Flex程式庫檔案

使用(不建議用於AEM表單) AEM Forms Remoting傳遞不安全的檔案,以叫用短暫的程式

驗證使用Flex建置的使用者端應用程式

使用遠端功能傳遞安全檔案以叫用程式

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