Этот учебник покажет вам, как создать чат-приложений с использованием Flex в сообщении службы blazed.

Сначала вы можете скачать blazed. Отметим, что источники имеются также

Конфигурация сервера

1 - В вашем домашнем каталоге blazed, WEB-INF/flex/messaging-config.xml открыть файл в текстовом редакторе. Если вы используете blazed с интегрированным Tomcat сервер, веб-приложений находится здесь blazed: "install_dir / Tomcat / webapps. Сообщения-config.xml конфигурационный файл содержит настройки для службы сообщений. Если вы открываете файл config.xml-услуги в одном и том же каталоге, вы увидите, что файл сообщений-config.xml "включен путем ссылки на этот файл. Файл "услуги-config.xml" позволяет configurationhaut уровне blazed. В целом, мы ссылаемся на этот файл конфигурационный файл для определения конкретных услуг, таких как обмен сообщениями. Он также определил параметры, такие, как системы обмена сообщениями каналы и безопасность в этом файле.

2 - В сообщении-файл config.xml, незадолго до этого пункта </ услугу>, добавьте следующие, и сохраните файл:

<destination id="chat"/>

3 - в пункт назначения, определенных на сервер, где клиент будет освобожден Flex и Flex, которые клиенты будут иметь возможность получать сообщения, которые были опубликованы. Имейте в виду, что есть по умолчанию канал называется моим-избирательных AMF настроен в сообщении-файл config.xml. Blazed использует "каналы", чтобы передавать и принимать данные между Flex клиентом и сервером. Умолчанию канала определяется услуги-файл config.xml и лишь упоминается в сообщении-файл config.xml. Этот канал использует действий Сообщение Format (AMF) и датчик сервер на наличие новых сообщений, которые прибывают в место назначения. В дополнение к каналам на "опрос", blazed также каналы, которые поддерживают связь между клиентами и серверами и потоковой передачи данных (потоковое) между ними.

4 - Начало или повторно запустить сервер приложений BlaseDS.

Клиентское развития в Flex

1 - В Flex Builder 3, создайте новый проект blazed, как описано здесь: http://learn.adobe.com/ ...

2-Название проекта chat1.

3 - в файле chat1.mxml что Flex Builder создана, Вы создаете в Flex клиентского приложения, которые могут публиковать сообщения в чате назначения, а также получать сообщения от назначения.

4 - Как раз перед <mx:Application> элемент chat1.mxml в файл, добавьте элемент <mx:Script> пустым. Вы можете это сделать, скопировав следующий код:

<mx:Script>

<[CDATA [

]]>

</ МХ: SCRIPT>

5 - Просто до пункта </ МХ: SCRIPT> добавить следующий код MXML. Этот код создает сообщение производителем и клиентом. Производитель отправляет сообщения назначения и подписывается клиентом и получает сообщения, которые направляются к месту назначения. В это приложение, мы создаем объекты, продюсер и клиентов MXML, но как и большинство объектов, Flex, вы можете создать их в ActionScript.

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

6 - Просто ниже элемент <mx:Consumer> добавить следующий код MXML. Этот код создает пользовательский интерфейс для ввода сообщений, отправки и просмотра сообщений. Группа проводит ребенка предметы в нем содержится. ControlBar также используется для макета. TextArea для отображения сообщений в пункт назначения. TextInput контроля позволяет вводить сообщения. Затем используйте кнопки управления для передачи сообщений до места назначения.

<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()"/>
</ МХ: ControlBar>
</ МХ: Panel>

7 - Скопировать код ActionScript в следующем разделе 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 интерфейс, который используется в методе отправить ().
• Создать метод отправки () вызывается при нажатии на кнопку управления. Этот метод создает новый AsyncMessage, а затем присвоить переменной сообщение типа IMessage. Этот комплекс стоимостью имущества message.body.chatMessage со значением msg.text - текст TextInput контроля. Этот метод требует затем отправить () производителем для отправки сообщений, а также четкий текст собственности TextInput контроля.
• Создан метод получения событие messageHandler (). Этот метод возвращает событие "сообщения", когда клиент получает объект сообщение от назначения. Этот метод выводит текст в message.body.chatMessage имущества log.text - TextArea контроля.
• Примечание: Потому что метод отправки () принимает IMessage качестве аргумента в этом примере мы явно typer AsyncMessage для IMessage интерфейс, который реализуется. Если вы не хотите, чтобы этот призыв producer.send () с AsyncMessage, преобразование происходит автоматически.

8 - Добавьте следующие MXML атрибуты элемента <mx:Application> для Flex клиент присоединяется к месту назначения при запуске приложения:

creationComplete = "consumer.subscribe ()"

9 - МХ: Заявка должна теперь выглядеть следующим образом:

<MX: Применение xmlns: х = "http://www.adobe.com/2006/mxml"
creationComplete = "consumer.subscribe ()">

MXML кода в настоящее время завершена!

10 - Убедитесь в том, что сервер работает blazed.
11 - компиляции и запуска клиентского приложения с Flex Builder на "Выполнить> Run из меню.
12 - Открытые же URL во втором браузере.
13 - ввод сообщения в одном окне, и должна появиться в другом окне.

И сейчас для нашей первой заявки с использованием Adobe Flex Blazed!

Я скорее поставить новый онлайновый учебник, чтобы показать вам, как создавать веб-сервисы с blazed ...

Источник: Adobe Узнать

Если вы впервые на Flex-info.fr, Вы можете подписаться на RSS канал. Благодарим Вас за Ваш визит!