Dieses Tutorial zeigt Ihnen, wie Sie eine Katze in Flex mit dem Messaging-Dienst von Blazed.

Zunächst können Sie hier herunterladen Blazed. Beachten Sie, dass die Quellen sind auch

Server-Konfiguration

1 - In das Verzeichnis Blazed, WEB-INF/flex/messaging-config.xml öffnen Sie die Datei in einem Texteditor. Wenn Sie Blazed mit dem Tomcat-Server integriert, der Web-Anwendung Blazed befindet sich hier: "install_dir / tomcat / webapps". Die Datei "messaging-config.xml enthält die Konfigurationseinstellungen für die Messaging Service. Wenn Sie die Datei services-config.xml im Verzeichnis, werden Sie feststellen, dass die Datei "messaging-config.xml" wird per Referenz in diese Datei. Die Datei "services-config.xml" ermöglicht eine configurationhaut auf Blazed. Generell ist in dieser Datei auf der Konfigurationsdateien für die Festlegung von Dienstleistungen, wie Messaging. Man setzt auch der Systemeinstellungen wie "Messaging Channel" und die Sicherheit in dieser Datei.

2 - In der Datei "messaging-config.xml, gerade vor dem Element </ service>, zu dem nächsten Element und speichern Sie die Datei:

<destination id="chat"/>

3 - Das Ziel auf dem Server festgelegt, wo die Kunden Flex veröffentlicht werden und welche Flex Kunden können jetzt E-Mails wurden veröffentlicht. Beachten Sie, dass ein Kanal Standard namens my-polling-Multifaserabkommen konfiguriert in der Datei "messaging-config.xml. Blazed verwendet" channels "zum Senden und Empfangen von Daten zwischen den Clients und dem Server Flex. Der Standard-Kanal ist in der Datei services-config.xml und es ist nur in der Datei messaging-config.xml. Diesen Channel allem verwendet Action Message Format (AMF) und Sensor-Server, um die neuen Nachrichten, die ankommen. Neben der Kanäle "Umfrage", Blazed auch Kanäle zur Verfügung, mit denen die Verbindung zwischen den Clients und dem Server und ermöglicht es den Datenfluss (streaming) miteinander.

4 - Starten oder re-starten Sie Ihren Server-Anwendung BlaseDS.

Entwicklung auf dem Client in Flex

1 - In der Flex Builder 3, ein neues Projekt Blazed wie hier beschrieben: http://learn.adobe.com/ ...

2-Benennen Sie das Projekt chat1.

3 - In der Datei chat1.mxml dass der Flex Builder erstellt wurde, erstellen Sie die Clientanwendung Flex, das Veröffentlichen von Nachrichten in den Chat Ziel und auch die Nachrichten aus dem Ziel.

4 - Kurz vor dem <mx:Application> in der Datei chat1.mxml, ein Element <mx:Script> leer. Sie können dies tun, indem Sie den folgenden Code ein:

<mx:Script>

<! [CDATA [

]]>

</ mx: Script>

5 - Kurz vor dem Element </ mx: Script>, zu dem folgende MXML. Dieser Code erstellt ein Produzent der Nachricht und einen Client. Der Produzent E-Mails an das Ziel und den Kunden unterstützt und empfängt Nachrichten, die an das Ziel. In dieser Anwendung werden die Objekte erstellt, Produzent und Kunde im MXML, aber wie die meisten Objekte Flex, können Sie gegebenenfalls wie man mit ActionScript.

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

6 - Direkt unter dem <mx:Consumer>, fügen Sie den folgenden Code MXML. Dieser Code erstellt die Benutzeroberfläche, um die Nachrichten zu senden und die empfangenen Nachrichten. Das Panel führt die darin enthaltenen Objekte. Die ControlBar wird auch für das Layout. TextArea dient der Anzeige von Nachrichten in das Ziel. Kontrolle TextInput können Sie die Nachrichten. Sie dann den Button für das Senden von Nachrichten an das Ziel.

<mx:Panel title="Chat" width="100%" 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: Panel>

7 - Kopieren Sie dann den folgenden ActionScript-Code unter der CDATA-Abschnitt des Elements <mx:Script>:

import mx.messaging.messages.AsyncMessage;
import mx.messaging.messages.IMessage;

private function send (): void (
var Nachricht: IMessage = new AsyncMessage ();
message.body.chatMessage = msg.text;
producer.send (message);
msg.text = "";

private function messageHandler (Meldung: IMessage): void (
log.text + + message.body.chatMessage = "n";
)

Dieser Code ermöglicht:

• Importieren der Klasse AsyncMessage und die IMessage, die in der Methode send ().
• Erstellen Sie die Methode send (), das heisst beim Klick auf den Button. Diese Methode erstellt ein neues AsyncMessage und weist ihn einer Nachricht, die vom Typ IMessage. Dies setzt den Wert der Eigenschaft message.body.chatMessage mit dem Wert von msg.text - den Text des TextInput. Das ruft dann die Methode send () der Hersteller um die Nachricht zu senden, und leeren Sie den Text-Eigenschaft des Steuerelements TextInput.
• Erstellt die Methode, um das Event messageHandler (). Diese Methode ruft das Ereignis "Nachricht", wenn das Objekt Kunde erhält die Nachricht von dem Ziel. Diese Methode zeigt den Text message.body.chatMessage in der log.text - der TextArea.
• Anmerkung: Da die Methode send () nimmt einen IMessage als Argument in diesem Beispiel gehen wir ausdrücklich auf die Typen AsyncMessage IMessage die Schnittstelle implementiert wird. Wenn Sie das nicht wollen, rufen producer.send () mit einem AsyncMessage, die Umwandlung erfolgt automatisch.

8 - Fügen Sie die folgenden Attribute MXML mit dem Element <mx:Application>, damit der Kunde Flex Abschluss zum Ziel beim Start der Anwendung:

creationComplete = "consumer.subscribe ()"

9 - Das mx: Application sollte nun wie folgt aussehen:

<mx: Application xmlns: x = "http://www.adobe.com/2006/mxml"
creationComplete = "consumer.subscribe ()">

Code MXML ist jetzt fertig!

10 - Stellen Sie sicher, dass der Server Blazed ist.
11 - Kompilieren und starten Sie den Client-Anwendung mit dem Flex Builder, indem "Run> Run" in der Menüleiste.
12 - Öffnen Sie die URL in einem zweiten Browser.
13 - Geben Sie eine Nachricht in einem der beiden Fenster, und es sollte in das andere Fenster.

Und das ist für unsere erste Anwendung mit Adobe Flex Blazed!

Bald würde ich ein neues tuto online, um Ihnen zu zeigen, wie der Web-Services mit Blazed ...

Quelle: Adobe Learn

Wenn Sie zum ersten Mal auf Flex-Info.fr, abonnieren Sie den RSS-Feed. Danke für Ihren Besuch!