このチュートリアルはどのようにFlexで燃え上がったのメッセージングサービスを使用してチャットアプリケーションを作成するかを示しています。

最初に、 燃え上がったダウンロード できます。 は、ソースも用意しています注意してください

サーバー構成

1 -自分のホームディレクトリには、 WEB-INF/flex/messaging-config.xmlのテキストエディタでファイルを開く燃え上がった。 Tomcatの場合は、統合サーバーと燃え上がったを使用すると、 Webアプリケーションをここに燃え上がった位置しています： " install_dir / Tomcatの/ webapps 。 メッセージング- config.xmlファイルは、メッセージングサービスの構成設定が含まれています。 - config.xmlの場合は、ファイルサービスと同じディレクトリ内にオープンすると、ファイルのメッセージング- config.xmlに"を参照して、このファイルに含まれていますが表示されます。 ファイルを"サービス- config.xmlの"レベル燃え上がった configurationhautすることができます。 一般的に、このファイルの構成にこのようなメッセージとして、特定のサービスを定義するファイルを参照してください。 また、システムは"このファイルにメッセージをチャネルとは、セキュリティの設定を定義している。

アイテムの直前に、メッセージには2 - - config.xmlファイルは、 < /サービス>は、以下を追加し、ファイルを保存：

<destination id="chat"/>

3 -この先は、サーバーは、クライアントのFlexとFlexの顧客は、公開されているメッセージを受信できるようになる発売される予定で定義されています。 デフォルトのチャネルは、私の投票は、メッセージング- config.xmlファイルで設定amf 。燃え上がったを使用して"チャンネル" を送信し、受信をFlexクライアントとサーバー間のデータと呼ばれています注意してください。 デフォルトのチャネルは、サービスで定義されています- config.xmlファイルには、メッセージング- config.xmlファイルで参照されています。 この特定のチャネルは、アクションメッセージ形式（ AMF ）を使用し、新しいメッセージ用のサーバーのプローブは、目的地に到着します。 "世論調査"にチャンネルに加えて、また、 （ ）に、クライアントとサーバー間でのストリーミング配信やデータの流れの間の接続を維持するためのチャネルを提供燃え上がった。

4 -あなたのアプリケーションサーバーを起動または再起動BlaseDS 。

クライアント側のFlexでの開発

1 - のFlex Builderを3で、ここで説明燃え上がったとして、新しいプロジェクトを作成します： http://learn.adobe.com/ ...

2プロジェクトの名前をchat1 。

3 -ファイルchat1.mxmlでは 、 目的地や目的地からのチャットメッセージを受信するメッセージを発行することができますは、 FlexのクライアントアプリケーションでのFlex Builderを作成して作成。

4 -は、ファイル内<mx:Application>要素chat1.mxmlだけで、前に要素を追加<mx:Script>空にします。 場合は、次のコードをコピーすることによってこれを行うことができます：

<mx:Script>

< [のCDATA [

] ] >

< / MXの：スクリプト>

5 -アイテムの直前に< / MXの：スクリプト>は、次のMXMLコードを追加します。 このコードは、メッセージをプロデュースし、クライアントを作成します。 生産者やメッセージの宛先に送信し、顧客の加入して、目的地に送信されるメッセージを受信します。 このアプリケーションでは、 生産者とお客様が、 オブジェクトを作成するほとんどのオブジェクトがFlexのMXMLのように、アクションを作成することができます。

<mx:Consumer id="consumer" destination="chat" message="messageHandler(event.message)"/>
<mx:Producer id="producer" destination="chat"/>

6 -要素のすぐ下<mx:Consumer>は、次のMXMLコードを追加します。 このコードを入力したメッセージに、送信して表示メッセージは、ユーザーインターフェイスを作成します。 パネルそれに含まれる子オブジェクトを保持します。 ControlBarまた、レイアウトのために使用されています。 先のメッセージのテキストが表示されます。 TextInputコントロールは、メッセージを入力することができます。 その後、 先にメッセージを送るには、 Buttonコントロールを使用しています。

title="Chat" width="100%" <mx:Panel height="100%">
<mx:TextArea id="log" width="100%" height="100%"/>
<mx:ControlBar>
<mx:TextInput id="msg" width="100%" enter="send()"/>
<mx:Button label="Send B" click="send()"/>
< / MXの： ControlBar >
< / MXの：パネル>

7 -は、 CDATAセクション<mx:Script>アクション要素で次のコードをコピーします：

輸入mx.messaging.messages.AsyncMessage ;
輸入mx.messaging.messages.IMessage ;

プライベート関数（ ） ：無効を送る（
予めVarメッセージ： IMessage =新しいAsyncMessage （ ） ;
message.body.chatMessage = msg.text ;
producer.send （メッセージ） ;
msg.text = " " ;

プライベート機能messageHandler （メッセージ： IMessage ） ：無効（
log.text = message.body.chatMessage + +に" n " ;
）

このコードにすることができます：

• 送信に使われているメソッドは、 クラスをインポート AsyncMessageとIMessageインタフェース、 （ ） 。
• Sendメソッドを作成します（ ）は、 Buttonコントロールをクリックすると呼ばれています。 このメソッドを作成し、新しいタイプのAsyncMessageメッセージIMessageに変数を割り当てることができます。 このmsg.text の値で、 プロパティの値message.body.chatMessage - TextInputコントロールのテキストを設定します。 このメソッドは、メッセージを送信し、 （ ）のプロデューサーを送信すると、呼び出し、 TextInputコントロールのTextプロパティをクリアします。
• イベントmessageHandlerを取得する方法を設立（ ） 。 このメソッドは、クライアントオブジェクトは、送信先からメッセージを受信するイベントの"メッセージ"を取得します。 このメソッドmessage.body.chatMessage プロパティlog.textのテキスト-テキストコントロールが表示されます。
• 注：送信する方法（ ）が実装されています typer AsyncMessageにIMessage インターフェイスを明示的にこの例では、引数としてIMessageかかります。 AsyncMessage場合は（ ）の呼び出しproducer.sendしたくない場合は、変換が自動的に行われます。

8 -は、次のMXMLを追加して、要素に属性を<mx:Application>は、 Flexのクライアントの先に加入するときにアプリケーションを起動：

= " consumer.subscribe creationComplete （ ） "

9 - の MX ：アプリケーションは、このようにしてください：

< MXの：アプリケーションxmlns ： MXの= " " http://www.adobe.com/2006/mxml
= " consumer.subscribe creationComplete （ ） " >

MXMLコードは、これで完了です！

10 -ことを確認しますがサーバーが実行されて燃え上がった。
11 -コンパイルとFlex Builderでは、クライアントアプリケーションを実行する"を実行 >実行して、メニューバーから。
12 - 2番目のブラウザには、同じURLを開きます。
13 - 1つのウィンドウに、メッセージを入力してください別のウィンドウに表示されます。

そして、私たちの最初のアプリケーションはAdobeのFlexを使用する燃え上がった！

私はすぐに燃え上がったとWebサービスを生成する方法を表示するための新しいオンラインチュートリアルを ...

ソース： アドビ、こちらをご覧ください

Flexの場合には初めてになるinfo.frは、 RSSフィードを購読することができます。 ご訪問していただきありがとうございます。