Flex-RPCサービス

Flexは、サーバー側のデータをクライアント側に提供するRPCサービスを提供します。Flexは、サーバー側のデータに対してかなりの量の制御を提供します。

  • Flex RPCサービスを使用して、サーバー側で実行されるユーザーアクションを定義できます。

  • Flex RPC Sservicesは、任意のサーバーサイドテクノロジーと統合できます。

  • Flex RPCサービスの1つは、ネットワークを介して転送される圧縮バイナリデータの組み込みサポートを提供し、非常に高速です。

Flexは、次の3種類のRPCサービスを提供します

シニア番号 RPCサービスと説明
1

HttpService

<mx:HTTPService>タグは、MXMLファイル内のHTTPServiceオブジェクトを表すために使用されます。HTTPServiceオブジェクトのsend()メソッドを呼び出すと、指定されたURLに対してHTTP要求が行われ、HTTP応答が返されます。HTTPHEAD、OPTIONS、TRACE、およびDELETEメソッドを使用することもできます。

2

WebService

<mx:WebService>は、SOAP準拠のWebサービスの操作にアクセスするために使用されます。

3

RemoteObject

<mx:RemoteObject>タグは、MXMLファイル内のHTTPServiceオブジェクトを表すために使用されます。このタグを使用すると、アクションメッセージフォーマット(AMF)エンコーディングを使用してJavaオブジェクトのメソッドにアクセスできます。

HTTPサービスについて詳しく説明します。サーバーに配置されたXMLソースファイルを使用し、HTTPサービスを介してクライアント側でアクセスします。

Items.xml

<items>
   <item name = "Book" description = "History of France"></item>
   <item name = "Pen" description = "Parker Pen"></item>
   <item name = "Pencil" description = "Stationary"></item>
<items>

HTTPService宣言

次に、HTTPServiceを宣言し、上記のファイルのURLを渡します。

<fx:Declarations>
   <mx:HTTPService id = "itemRequest" 
   url = "http://www.tutorialspoint.com/flex/Items.xml" />
</fx:Declarations>

RPCコール

itemRequest.send()メソッドを呼び出し、itemRequestWebサービスのlastResultオブジェクトからFlexUIコンポーネントに値をバインドします。

...
itemRequest.send();
...
<mx:DataGrid id = "dgItems" height = "80%" width = "75%" 
   dataProvider = "{itemRequest.lastResult.items.item}">
   <mx:columns>
      <mx:DataGridColumn headerText = "Name" dataField = "name" />
      <mx:DataGridColumn headerText = "Description" dataField = "description" />
   </mx:columns>
</mx:DataGrid>

RPCサービスコールの例

それでは、FlexアプリケーションでRPCサービスをテストする手順に従ってみましょう-

ステップ 説明
1 Flex-アプリケーションの作成の章で説明されているように、パッケージcom.tutorialspoint.clientの下にHelloWorldという名前のプロジェクトを作成します
2 以下で説明するように、HelloWorld.mxmlを変更します。残りのファイルは変更しないでください。
3 アプリケーションをコンパイルして実行し、ビジネスロジックが要件に従って機能していることを確認します。

以下は、変更されたmxmlファイルの内容です。 src/com.tutorialspoint/HelloWorld.mxml

<?xml version = "1.0" encoding = "utf-8"?>
<s:Application xmlns:fx = "http://ns.adobe.com/mxml/2009" 
   xmlns:s = "library://ns.adobe.com/flex/spark" 
   xmlns:mx = "library://ns.adobe.com/flex/mx" 
   minWidth = "500" minHeight = "500" creationComplete = "init(event)">
   
   <fx:Style source = "/com/tutorialspoint/client/Style.css" />
   <fx:Script>
      <![CDATA[
         import mx.events.FlexEvent;
         import mx.rpc.events.FaultEvent;
         import mx.rpc.events.ResultEvent;

         protected function init(event:FlexEvent):void {
            itemRequest.send();				
         }
      ]]>
   </fx:Script>
   
   <fx:Declarations>
      <mx:HTTPService id = "itemRequest" 
         url = "http://www.tutorialspoint.com/flex/Items.xml" />
   </fx:Declarations>
   
   <s:BorderContainer width = "630" height = "480" id = "mainContainer" 
      styleName = "container">
      <s:VGroup width = "100%" height = "100%" gap = "10" 
         horizontalAlign = "center" verticalAlign = "middle">
         <s:Label id = "lblHeader" text = "RPC Service Demonstration" 
            fontSize = "40" color = "0x777777" styleName = "heading" />
         
         <s:Panel id = "parentPanel" title = "Using RPC Services"  
            width = "500" height = "200" >
            <s:layout>
               <s:VerticalLayout  gap = "10" 
                  verticalAlign = "middle" horizontalAlign = "center" />
            </s:layout>						
            
            <mx:DataGrid id = "dgItems" height = "80%" width = "75%" 
               dataProvider = "{itemRequest.lastResult.items.item}">
               
               <mx:columns>
                  <mx:DataGridColumn headerText = "Name" dataField = "name" />
                  <mx:DataGridColumn headerText = "Description" 
                     dataField = "description" />
               </mx:columns>
            </mx:DataGrid>
         </s:Panel>	
      </s:VGroup>	 
   </s:BorderContainer>	
</s:Application>

すべての変更を行う準備ができたら、Flex-アプリケーションの作成の章で行ったように、アプリケーションをコンパイルして通常モードで実行します。アプリケーションに問題がない場合は、次の結果が得られます。[オンラインで試す]