リモートを使用したAEM Formsの呼び出し

このドキュメントのサンプルと例は、JEE上のAEM Forms環境に限られています。

Workbenchで作成されたプロセスは、Remotingを使用して呼び出すことができます。 つまり、Flexで構築されたクライアントアプリケーションからAEM Formsプロセスを呼び出すことができます。 この機能は、データサービスに基づいています。

次のAEM Formsの短時間のみ有効なプロセス(MyApplication/EncryptDocument)は、リモート処理を使用して呼び出すことができます。 （このプロセスの入出力値など、このプロセスについて詳しくは、「短時間のみ有効なプロセスの例」を参照してください）。

このプロセスを呼び出すと、次のアクションが実行されます。

1. 入力値として渡された、保護されていないPDFドキュメントを取得します。 このアクションは SetValue 操作に基づいています。入力パラメーターの名前はinDocで、そのデータタイプはdocumentです。 （documentデータ型は、Workbench内で使用できるデータ型です）。
2. PDF ドキュメントをパスワードで暗号化します。このアクションは PasswordEncryptPDF 操作に基づいています。このプロセスの出力値の名前はoutDocで、パスワードで暗号化されたPDFドキュメントを表します。 outDocのデータ型はdocumentです。
3. パスワードで暗号化されたPDFドキュメントをPDFファイルとしてローカルファイルシステムに保存します。 このアクションは WriteDocument 操作に基づいています。

関連トピック

AEM Forms Flexライブラリファイルの取り込み

AEM Forms Remotingでのドキュメントの処理(AEM formsでは非推奨)

(AEM formsでは非推奨)AEM Forms Remotingを使用して安全でないドキュメントを渡すことによる、短時間のみ有効なプロセスの呼び出し

Flexで構築されたクライアントアプリケーションの認証

リモート処理を使用してプロセスを呼び出すための安全なドキュメントの受け渡し

リモート処理を使用したカスタムコンポーネントサービスの呼び出し

人間中心の長期間有効なプロセスを呼び出すFlexで構築されたクライアントアプリケーションの作成

HTTPトークンを使用したSSO認証を実行するFlash Builder・アプリケーションの作成

Flexグラフコントロールにプロセスデータを表示する方法について詳しくは、「FlexグラフでのAEM Formsプロセスデータの表示」を参照してください。

AEM Forms Flexライブラリファイルを含める

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 Forms Remotingを使用したAEM Formsの呼び出し

AEM Forms Remotingでのドキュメントの処理(AEM formsでは非推奨)

(AEM formsでは非推奨)AEM Forms Remotingを使用して安全でないドキュメントを渡すことによる、短時間のみ有効なプロセスの呼び出し

Flexで構築されたクライアントアプリケーションの認証

リモート処理でのドキュメントの処理

AEM Formsで使用される非プリミティブJava型のうち、最も重要なものの1つは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ドキュメントを返します。

ドキュメントを入力パラメーターとして渡す

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  ...

• ドキュメントがサーバー上にない場合は、リモートアップロードサーブレットを使用して、ドキュメントをAEM Formsにアップロードします。 AEM Formsの新機能は、セキュリティで保護されたドキュメントをアップロードする機能です。 安全なドキュメントをアップロードする場合は、Document Upload Application User​の役割を持つユーザーを使用する必要があります。 このロールがないと、ユーザーは保護されたドキュメントをアップロードできません。 セキュリティで保護されたドキュメントをアップロードする場合は、シングルサインオンを使用することをお勧めします。 （リモート処理を使用してプロセスを呼び出すための保護されたドキュメントの引き渡しを参照）。

指定したアップロード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;  }リモート処理クイックスタートは、リモート処理アップロードサーブレットを使用してPDFファイルをMyApplication/EncryptDocumentプロセスに渡します。 (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; 
}

リモート処理クイックスタートは、リモート処理アップロードサーブレットを使用してPDFファイルをMyApplication/EncryptDocumentプロセスに渡します。 (AEM Forms Remotingを使用して保護されていないドキュメントを渡すことによる、短時間のみ有効なプロセスの呼び出しを参照)。

クライアントアプリケーションにドキュメントを渡す

クライアントアプリケーションは、com.adobe.idp.Documentインスタンスを出力パラメーターとして返すサービス操作のタイプmx.rpc.livecycle.DocumentReferenceのオブジェクトを受け取ります。 クライアントアプリケーションはJavaではなくActionScriptオブジェクトを扱うので、JavaベースのDocumentオブジェクトをFlexクライアントに渡すことはできません。 代わりに、サーバーはドキュメントのURLを生成し、そのURLをクライアントに渡します。 DocumentReferenceオブジェクトのreferenceTypeプロパティは、コンテンツがDocumentReferenceオブジェクトに含まれるか、DocumentReference.urlプロパティのURLから取得する必要があるかを指定します。 DocumentReference.contentTypeプロパティはドキュメントの種類を指定します。

関連トピック

(AEM formsでは非推奨)AEM Forms Remotingを使用したAEM Formsの呼び出し

AEM Forms Flexライブラリファイルの取り込み

(AEM formsでは非推奨)AEM Forms Remotingを使用して安全でないドキュメントを渡すことによる、短時間のみ有効なプロセスの呼び出し

Flexで構築されたクライアントアプリケーションの認証

リモート処理を使用してプロセスを呼び出すための安全なドキュメントの受け渡し

リモート処理を使用して保護されていないドキュメントを渡すことによる短時間のみ有効なプロセスの呼び出し

Flexで構築されたアプリケーションからAEM Formsプロセスを呼び出すには、次のタスクを実行します。

1. mx:RemoteObjectインスタンスを作成します。
2. ChannelSetインスタンスを作成します。
3. 必要な入力値を渡します。
4. 戻り値を処理します。

mx:RemoteObjectインスタンスの作成

mx:RemoteObjectインスタンスを作成して、Workbenchで作成したAEM Formsプロセスを呼び出します。 mx:RemoteObjectインスタンスを作成するには、次の値を指定します。

• id: 呼び出すプロ mx:RemoteObject セスを表すインスタンスの名前。
• destination: 呼び出すAEM Formsプロセスの名前。例えば、MyApplication/EncryptDocumentプロセスを呼び出すには、MyApplication/EncryptDocumentと指定します。
• result: 結果を処理する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またはActionScriptでチャネルを指定することで、AEM Formsを呼び出すことができます。 チャネルは、AMFChannel、SecureAMFChannel、HTTPChannelまたはSecureHTTPChannelにする必要があります。

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

ChannelSetインスタンスをmx:RemoteObjectインスタンスのchannelSetフィールドに割り当てます（前のコードの例で示したように）。 通常、ChannelSet.addChannelメソッドを呼び出す際に完全修飾名を指定するのではなく、import文でchannelクラスを読み込みます。

入力値を渡す

Workbenchで作成されたプロセスは、0個以上の入力パラメーターを受け取り、出力値を返すことができます。 クライアントアプリケーションは、AEM Formsプロセスに属するパラメーターに対応するフィールドを持つActionScriptオブジェクト内に入力パラメーターを渡します。 MyApplication/EncryptDocumentという短時間のみ有効なプロセスには、inDocという名前の1つの入力パラメーターが必要です。 プロセスによって公開される操作の名前はinvoke（短時間のみ有効なプロセスのデフォルト名）です。 (「(AEM formsでは非推奨)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パラメーターは、1つのピリオドを含む文字列にする必要があります。 期間の左、メジャー、右、マイナーの各バージョンの値は整数にする必要があります。 このパラメーターを指定しない場合、headのアクティブなバージョンが呼び出されます。

戻り値の処理

AEM Formsプロセスの出力パラメーターは、ActionScriptオブジェクトに逆シリアル化され、クライアントアプリケーションは、次の例に示すように、名前で特定のパラメーターを抽出します。 （MyApplication/EncryptDocumentプロセスの出力値はoutDocという名前です）。

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

MyApplication/EncryptDocumentプロセスの呼び出し

MyApplication/EncryptDocumentプロセスを呼び出すには、次の手順を実行します。

1. mx:RemoteObjectインスタンスをActionScriptまたはMXMLを使用して作成します。 mx:RemoteObjectインスタンスの作成を参照してください。
2. AEM Formsと通信するChannelSetインスタンスを設定し、mx:RemoteObjectインスタンスに関連付けます。 詳しくは、 AEM Formsへのチャネルの作成を参照してください。
3. ChannelSetのloginメソッドまたはサービスのsetCredentialsメソッドを呼び出して、ユーザー識別子の値とパスワードを指定します。 （シングルサインオンの使用を参照）。
4. MyApplication/EncryptDocumentプロセスに渡す保護されていないPDFドキュメントをmx.rpc.livecycle.DocumentReferenceインスタンスに設定します。 （ドキュメントを入力パラメーターとして渡すを参照）。
5. mx:RemoteObjectインスタンスのinvokeメソッドを呼び出して、PDFドキュメントを暗号化します。 入力パラメーター（保護されていないPDFドキュメント）を含むObjectを渡します。 入力値を渡すを参照してください。
6. プロセスから返された、パスワードで暗号化されたPDFドキュメントを取得します。 戻り値の処理を参照してください。

クイックスタート：(AEM formsでは非推奨)AEM Forms Remotingを使用して安全でないドキュメントを渡すことによる、短時間のみ有効なプロセスの呼び出し

Flexで構築されたクライアントアプリケーションの認証

AEM forms User ManagerでFlexアプリケーションからRemoting要求を認証する方法はいくつかあります。これには、中央のログインサービスを介したAEM Formsのシングルサインオン、基本認証、カスタム認証が含まれます。 シングルサインオンも匿名アクセスも有効になっていない場合、リモート処理リクエストは、基本認証（デフォルト）とカスタム認証のどちらにもなります。

基本認証は、Webアプリケーションコンテナからの標準J2EE基本認証に基づいています。 基本認証の場合、HTTP 401エラーが発生すると、ブラウザーの課題が発生します。 つまり、RemoteObjectを使用してFormsアプリケーションに接続しようとし、Flexアプリケーションからまだログインしていない場合、ブラウザーには、ユーザー名とパスワードの入力が求められます。

カスタム認証の場合、サーバーは認証が必要であることを示すエラーをクライアントに送信します。

カスタム認証の使用

管理コンソールでカスタム認証を有効にするには、リモートエンドポイントで認証方法を「基本」から「カスタム」に変更します。 カスタム認証を使用する場合、クライアントアプリケーションはChannelSet.loginメソッドを呼び出してログインし、ChannelSet.logoutメソッドを呼び出してログアウトします。

複数の宛先で同じチャネルと対応するChannelSetオブジェクトを使用できるので、1つの宛先にログインすると、同じチャネルを使用する他の宛先にユーザーがログインします。 2つのコンポーネントが同じChannelSetオブジェクトに異なる資格情報を適用する場合は、最後に適用された資格情報が使用されます。 複数のコンポーネントが同じ認証済みChannelSetオブジェクトを使用する場合、 logoutメソッドを呼び出すと、すべてのコンポーネントが宛先からログに記録されます。

次の例では、 ChannelSet.loginメソッドとChannelSet.logoutメソッドをRemoteObjectコントロールと共に使用します。 このアプリケーションは、次のアクションを実行します。

• RemoteObjectコンポーネントで使用されるチャネルを表すChannelSetオブジェクトをcreationCompleteハンドラーに作成します
• ボタンクリックイベントに応答してROLogin関数を呼び出すことで、資格情報をサーバーに渡します
• RemoteObjectコンポーネントを使用して、Button clickイベントに応答して文字列をサーバーに送信します。 サーバーが同じ文字列をRemoteObjectコンポーネントに返す
• RemoteObjectコンポーネントのresultイベントを使用して、 TextAreaコントロールにStringを表示します
• 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>

loginメソッドとlogoutメソッドはAsyncTokenオブジェクトを返します。 成功した呼び出しを処理する結果イベントと失敗を処理する障害イベントに、AsyncTokenオブジェクトにイベントハンドラーを割り当てます。

シングルサインオンの使用

AEM formsユーザーは、複数のAEM Forms Webアプリケーションに接続して、1つのタスクを実行できます。 ユーザーがWebアプリケーション間を移動する際に、各Webアプリケーションに別々にログインする必要が生じるのは効率的ではありません。 AEM Formsのシングルサインオンメカニズムを使用すると、ユーザーは1回ログインして、任意のAEM Forms Webアプリケーションにアクセスできます。 AEM Forms開発者はAEM Formsで使用するクライアントアプリケーションを作成できるので、シングルサインオンメカニズムも利用できる必要があります。

各AEM Forms Webアプリケーションは、独自のWebアーカイブ(WAR)ファイルにパッケージ化され、エンタープライズアーカイブ(EAR)ファイルの一部としてパッケージ化されます。 アプリケーションサーバーでは異なるWebアプリケーション間でのセッションデータの共有が許可されないので、AEM FormsではHTTP Cookieを使用して認証情報を保存します。 認証Cookieを使用すると、ユーザーはFormsアプリケーションにログインして、他のAEM Forms Webアプリケーションに接続できます。 この手法は、シングルサインオンと呼ばれます。

AEM Forms開発者は、フォームガイド（非推奨）の機能を拡張し、Workspaceをカスタマイズするためのクライアントアプリケーションを作成します。 例えば、Workspaceアプリケーションはプロセスを開始できます。 次に、クライアントアプリケーションは、リモートエンドポイントを使用してFormsサービスからデータを取得します。

(AEM formsでは非推奨)AEM Forms Remotingを使用してAEM Formsサービスを呼び出すと、クライアントアプリケーションは認証Cookieをリクエストの一部として渡します。 ユーザーは既に認証されているので、クライアントアプリケーションからAEM Formsサービスに接続するために追加のログインは必要ありません。

AEM Formsのシングルサインオンメカニズムをバイパスするには、独自にログインおよびログアウトするクライアントアプリケーションを記述します。 シングルサインオンメカニズムを回避する場合は、アプリケーションで基本認証またはカスタム認証を使用できます。

このメカニズムではAEM Formsのシングルサインオンメカニズムが使用されないので、認証Cookieはクライアントに書き込まれません。 ログイン資格情報は、リモートチャネルのChannelSetオブジェクトに保存されます。 したがって、同じChannelSetを介して行うRemoteObject呼び出しは、これらの資格情報のコンテキストで行われます。

AEM Formsでのシングルサインオンの設定

AEM Formsでシングルサインオンを使用するには、一元化されたログインサービスを含むフォームワークフローコンポーネントをインストールします。 ユーザーが正常にログインした後、一元化されたログインサービスはユーザーに認証cookieを返します。 Forms Webアプリケーションに対する以降のリクエストには、すべて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を使用して構築されたアプリケーションには、AEM Formsサービスに対するすべてのリクエストを含む認証Cookieが含まれます。 パフォーマンス上の理由から、AEM FormsではリクエストごとにCookieが検証されません。 ただし、AEM Formsは、認証cookieが別の認証cookieに置き換えられたかどうかを検出します。

例えば、クライアントアプリケーションを起動し、アプリケーションがアクティブな間は、一元化されたログインサービスを使用してログアウトします。 次に、別のユーザーとしてログインできます。 別のユーザーとしてログインすると、既存の認証cookieが新しいユーザーの認証cookieに置き換えられます。

クライアントアプリケーションからの次のリクエストで、AEM Formsはcookieが変更されたことを検出し、ユーザーをログアウトします。 したがって、Cookieの変更後の最初のリクエストは失敗します。 以降のリクエストはすべて、新しいcookieのコンテキストでおこなわれ、成功します。

ログアウト

AEM Formsからログアウトしてセッションを無効にするには、クライアントのコンピューターから認証Cookieを削除する必要があります。 シングルサインオンの目的は、ユーザーが1回ログインすることを許可することなので、クライアントアプリケーションでCookieを削除する必要はありません。 この操作により、ユーザーが効果的にログアウトされます。

したがって、クライアントアプリケーションでRemoteObject.logoutメソッドを呼び出すと、クライアント上でセッションがログアウトされていないことを示すエラーメッセージが生成されます。 代わりに、一元化されたログインサービスを使用して、認証Cookieをログアウトおよび削除できます。

Flexアプリケーションの実行中にログアウトする

Flexで構築されたクライアントアプリケーションを起動し、一元化されたログインサービスを使用してログアウトできます。 ログアウトプロセスの一環として、認証Cookieが削除されます。 Cookieがない、または無効なCookieを持つリモート要求がおこなわれた場合、ユーザーセッションは無効化されます。 このアクションはログアウトされます。 クライアントアプリケーションが次回AEM Formsサービスに接続しようとすると、ユーザーはログインを要求されます。

関連トピック

(AEM formsでは非推奨)AEM Forms Remotingを使用したAEM Formsの呼び出し

AEM Forms Remotingでのドキュメントの処理(AEM formsでは非推奨)

AEM Forms Flexライブラリファイルの取り込み

(AEM formsでは非推奨)AEM Forms Remotingを使用して安全でないドキュメントを渡すことによる、短時間のみ有効なプロセスの呼び出し

リモート処理を使用してプロセスを呼び出すための安全なドキュメントの受け渡し

リモート処理を使用してプロセスを呼び出すための安全なドキュメントを渡す

1つ以上のドキュメントを必要とするプロセスを呼び出す際に、セキュリティで保護されたドキュメントをAEM Formsに渡すことができます。 安全なドキュメントを渡すことで、ビジネス情報や機密ドキュメントを保護できます。 この場合、1つのドキュメントでPDFドキュメント、XMLドキュメント、Wordドキュメントなどを参照できます。 セキュリティで保護されたドキュメントを許可するようにAEM Formsを設定する場合、Flexで記述されたクライアントアプリケーションからAEM Formsにセキュアなドキュメントを渡す必要があります。 (安全なドキュメントと安全でないドキュメントを受け入れるようにAEM Formsを設定するを参照)。

安全なドキュメントを渡す場合は、シングルサインオンを使用し、Document Upload Application User​の役割を持つAEM formsユーザーを指定します。 このロールがないと、ユーザーは保護されたドキュメントをアップロードできません。 プログラムによって役割をユーザーに割り当てることができます。 （役割と権限の管理を参照）。

AEM Formsは、アップロードサーブレットに渡されたトークンを返すgetFileUploadTokenという操作をサポートします。 DocumentReference.constructRequestForUploadメソッドには、LC.FileUploadAuthenticator.getFileUploadTokenメソッドで返されるトークンと共に、AEM FormsへのURLが必要です。 このメソッドは、アップロードサーブレットへの呼び出しで使用される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. 「設定」をクリックします。
3. Core System Settings.​をクリックします。
4. 「設定」をクリックします。
5. 「 Flexアプリケーションからのドキュメントのアップロードを保護しないことを許可する」オプションが選択されていないことを確認します。

クイックスタート：リモート処理を使用して保護されたドキュメントを渡すことによる短時間のみ有効なプロセスの呼び出し

次のコード例は、MyApplication/EncryptDocument.を呼び出します。ユーザーは、PDFファイルのアップロードとプロセスの呼び出しに使用する「Select File」ボタンをクリックするためにログインする必要があります。 つまり、ユーザーが認証されると、「 Select File 」ボタンが有効になります。 次の図に、ユーザーが認証された後のFlexクライアントアプリケーションを示します。 Authenticated CheckBoxが有効になっています。

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 Forms Remotingを使用したAEM Formsの呼び出し

AEM Forms Remotingでのドキュメントの処理(AEM formsでは非推奨)

AEM Forms Flexライブラリファイルの取り込み

(AEM formsでは非推奨)AEM Forms Remotingを使用して安全でないドキュメントを渡すことによる、短時間のみ有効なプロセスの呼び出し

Flexで構築されたクライアントアプリケーションの認証

リモートを使用したカスタムコンポーネントサービスの呼び出し

リモート処理を使用して、カスタムコンポーネント内のサービスを呼び出すことができます。 例えば、顧客サービスを含む銀行コンポーネントを考えてみます。 Flexで記述されたクライアントアプリケーションを使用して、顧客サービスに属する操作を呼び出すことができます。 このセクションに関連付けられたクイックスタートを実行する前に、Bankカスタムコンポーネントを作成する必要があります。

カスタマーサービスは、createCustomerという名前の操作を公開します。 このディスカッションでは、Customer Serviceを呼び出して顧客を作成するFlexクライアントアプリケーションの作成方法を説明します。 この操作には、新しい顧客を表すcom.adobe.livecycle.sample.customer.Customer型の複雑なオブジェクトが必要です。 次の図に、顧客サービスを呼び出して新しい顧客を作成するクライアントアプリケーションを示します。 createCustomer操作は顧客識別子の値を返します。 識別子の値は、「顧客識別子」テキスト・ボックスに表示されます。

次の表に、このクライアントアプリケーションに含まれるコントロールを示します。

AEM Forms複合データ型のマッピング

一部のAEM Forms操作では、入力値として複雑なデータ型が必要です。 これらの複雑なデータ型は、操作で使用される実行時の値を定義します。 例えば、顧客サービスのcreateCustomer操作には、サービスに必要な実行時の値を含むCustomerインスタンスが必要です。 複合型がない場合、Customerサービスは例外をスローし、操作を実行しません。

AEM Formsサービスを呼び出す場合は、必要なAEM Forms複合型にマッピングするActionScriptオブジェクトを作成します。 操作に必要な複雑なデータ型ごとに、個別のActionScriptオブジェクトを作成します。

ActionScriptクラスでは、 RemoteClassメタデータタグを使用してAEM Forms複合型にマッピングします。 例えば、顧客サービスのcreateCustomer操作を呼び出す場合、com.adobe.livecycle.sample.customer.Customerデータ型にマッピングするActionScriptクラスを作成します。

次の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クラスの6つのフィールドは、com.adobe.livecycle.sample.customer.Customerに属するフィールドと一致します。

顧客ActionScriptクラスは、customerという名前のパッケージに属しています。 複雑なAEM Formsデータ型にマッピングするすべてのActionScriptクラスは、独自のパッケージに配置することをお勧めします。 次の図に示すように、FlexプロジェクトのsrcフォルダーにActionScriptーを作成し、フォルダー内にフォルダーファイルを配置します。

クイックスタート：リモート処理を使用した顧客カスタムサービスの呼び出し

次のコード例は、顧客サービスを呼び出して新しい顧客を作成します。 このコード例を実行する場合は、すべてのテキストボックスに必ず入力してください。 また、com.adobe.livecycle.sample.customer.CustomerにマッピングするCustomer.asファイルを作成してください。

 <?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 Forms Remotingを使用したAEM Formsの呼び出し

AEM Forms Remotingでのドキュメントの処理(AEM formsでは非推奨)

AEM Forms Flexライブラリファイルの取り込み

(AEM formsでは非推奨)AEM Forms Remotingを使用して安全でないドキュメントを渡すことによる、短時間のみ有効なプロセスの呼び出し

Flexで構築されたクライアントアプリケーションの認証

リモート処理を使用してプロセスを呼び出すための安全なドキュメントの受け渡し