Questo tutorial vi mostra come creare una chat in applicazione Flex utilizzando il servizio di messaggistica di arso.

In primo luogo è possibile scaricare arso. Si noti che le fonti sono disponibili anche

Configurazione del server

1 - Nella tua home directory arso, WEB-INF/flex/messaging-config.xml aprire il file in un editor di testo. Se si utilizza arso integrato con il server Tomcat, l'applicazione Web si trova qui tracciata: "install_dir / tomcat / webapps. La messaggistica-config.xml file contiene le impostazioni di configurazione per la Messaging Service. Se si apre il file config.xml servizi nella stessa directory, si vedrà che il file config.xml messaggeria-"è incluso per riferimento in questo file. Il file "servizi-config.xml" permette una configurationhaut livello arso. In generale, si fa riferimento a questo file file di configurazione per definire specifici servizi come messaggistica. Ha inoltre definito le impostazioni, come i sistemi di "canali di messaggistica e la sicurezza in questo file.

2 - In messaggistica-file config.xml, poco prima che la voce </ service>, aggiungere la seguente e salvare il file:

<destination id="chat"/>

3 - La destinazione definita sul server in cui il cliente sarà rilasciato Flex Flex e che i clienti saranno in grado di ricevere i messaggi che sono stati pubblicati. Si noti che vi è un canale predefinito chiamato il mio seggio-AMF-configurato nel file config.xml-messaging. Arso usa "canali" per inviare e ricevere dati tra il Flex client e il server. Il canale di default è definito nel file config.xml servizi ed è solo di riferimento nel file config.xml-messaging. Questo particolare, utilizza il canale azione Message Format (AMF) e sonda il server per i nuovi messaggi che arrivano a destinazione. Oltre ai canali di "sondaggio", aperto anche a condizione che i canali di mantenere il collegamento tra client e server per lo streaming e il flusso di dati (streaming) tra di loro.

4 - Avviare o riavviare il vostro server applicativo BlaseDS.

Cliente-lato lo sviluppo in Flex

1 - In Flex Builder 3, creare un nuovo progetto aperto, come descritto qui: http://learn.adobe.com/ ...

2-Nome del progetto chat1.

3 - Nel file chat1.mxml che Flex Builder creato, si creerà in Flex applicazione client che possono pubblicare messaggi a chat destinazione e ricevere messaggi dalla destinazione.

4 - Appena prima di <mx:Application> elemento chat1.mxml nel file, aggiungere un elemento <mx:Script> vuoto. Puoi farlo copiando il seguente codice:

<mx:Script>

<[CDATA [

]]>

</ Mx: Script>

5 - Poco prima che la voce </ mx: Script>, aggiungere il seguente codice MXML. Questo codice crea un messaggio di produttori e un cliente. Produttore invia i messaggi per la destinazione e il cliente sottoscrive e riceve i messaggi che vengono inviati a destinazione. In questa applicazione, creiamo oggetti di produttori e clienti MXML, ma come la maggior parte degli oggetti Flex, è possibile creare in ActionScript.

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

6 - Appena sotto l'elemento <mx:Consumer>, aggiungere il seguente codice MXML. Questo codice crea l'interfaccia utente di inserire messaggi, inviare e visualizzare messaggi. Il Gruppo detiene il bambino oggetti in esso contenuti. Il ControlBar è anche utilizzata per il layout. Il testo per visualizzare i messaggi nella destinazione. TextInput Il controllo consente di inserire messaggi. È quindi utilizzare il tasto di controllo per inviare messaggi a destinazione.

<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 - Copiare il codice ActionScript seguente nella sezione CDATA elemento <mx:Script>:

mx.messaging.messages.AsyncMessage importazione;
mx.messaging.messages.IMessage importazione;

privati funzione send (): void (
var messaggio: IMessage AsyncMessage = new ();
message.body.chatMessage = msg.text;
producer.send (messaggio);
msg.text = "";

privato funzione messageHandler (messaggio: IMessage): void (
log.text = message.body.chatMessage + + "n";
)

Questo codice ti permette di:

• Importa AsyncMessage classe e IMessage interfaccia, che vengono utilizzati nel metodo send ().
• Crea metodo send () è chiamato quando si fa clic sul controllo Button. Questo metodo crea un nuovo AsyncMessage e poi assegnare un messaggio variabile del tipo IMessage. Questo insieme il valore della proprietà message.body.chatMessage con il valore di msg.text - il testo del TextInput controllo. Questo metodo richiede quindi la send () produttore di inviare il messaggio, chiaro e la proprietà Text del controllo TextInput.
• Fondata il metodo per recuperare il caso messageHandler (). Questo metodo recupera l'evento "messaggio" quando il cliente riceve il messaggio oggetto della destinazione. Questo metodo visualizza il testo in message.body.chatMessage proprietà log.text - Textarea controllo.
• Nota: Dato che il metodo send () prende uno IMessage come un argomento in questo esempio abbiamo esplicitamente typer AsyncMessage a IMessage interfaccia che viene implementata. Se non si desidera che il presente invito producer.send () con uno AsyncMessage, la conversione avviene automaticamente.

8 - Aggiungere i seguenti attributi di MXML l'elemento <mx:Application> Flex per il cliente sottoscrive la destinazione quando si avvia l'applicazione:

creationComplete = "consumer.subscribe ()"

9 - La mx: applicazione dovrebbe ora assomigliare a questo:

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

Il codice MXML è ora al completo!

10 - Assicurarsi che il server è in esecuzione arso.
11 - Compilare ed eseguire l'applicazione client con Flex Builder da "Esegui> Esegui dalla barra dei menu.
12 - Aperta lo stesso URL in un secondo browser.
13 - Invio di un messaggio in una finestra e dovrebbe essere visualizzato in un'altra finestra.

E ora per la nostra prima applicazione con Adobe Flex arso!

Ne ho subito messo online un nuovo tutorial per mostrare come i servizi web per generare arso con ...

Fonte: Per saperne di Adobe

Se venite per la prima volta il Flex-info.fr, puoi iscriverti al feed RSS. Grazie per la vostra visita!