T.M. SoftStudio

feci quod potui, faciant meliora potentes

Купить полную версию книги "Среда разработки Eclipse 4: Руководство разработчика"

Создание RAP-приложений

Создание RAP-приложения

Для создания RAP-приложения перейдем в перспективу Plug-in Development среды Eclipse и в меню File выберем команду New | Plug-in Project, введем имя проекта, в разделе Target Platform выберем переключатель Eclipse version:, нажмем кнопку Next и уберем флажок Generate an activator… и нажмем кнопку Next. Окно Templates (рис. 9.3) мастера создания проекта Eclipse-плагина предоставит выбор шаблонов RAP-приложений:

  • RAP Hello World – пример RWT-приложения, отображающего в Web-браузере флажок и кнопку.

  • RAP Mail Template – пример RAP-приложения, эмулирующего в Web-браузере почтового клиента.

Рис. 9.3. Шаблоны RAP-приложений мастера создания проекта Eclipse-плагина

После выбора RAP-шаблона и нажатия кнопки Finish, если RAP-платформа не была инсталлирована – появится диалоговое окно мастера инсталляции RAP-платформы.

Для запуска RAP-приложения из среды Eclipse в окне Package Explorer нажмем правой кнопкой мышки на узле проекта и в контекстном меню выберем команду Run As | Run Configurations.

Во вкладке Main конфигурации раздела RAP Application мастера выберем, в каком Web-браузере будет запущено приложение (рис. 9.4).

Рис. 9.4. Вкладка Main конфигурации раздела RAP Application мастера запуска приложений

Нажмем кнопки Apply и Run. В результате в окне Web-браузера отобразится страница RAP-приложения (рис. 9.5).

Рис. 9.5. Вызов RAP-приложения из Web-браузера

Просмотрев код Web-страницы, можно увидеть, что Web-браузер загружает JavaScript-библиотеку rap-client.js, на основе которой в блоке <script type="text/javascript"></script> формируется код отображения GUI-интерфейса.

Платформа RAP c помощью расширения org.eclipse.rap.ui.branding обеспечивает брендинг RAP-приложения, аналогично тому, как это делает расширение org.eclipse.core.runtime.products для RCP-приложений.

Используя шаблон RAP Mail Template с отмеченным флажком Use business theme and layout… создадим RAP-приложение и откроем узел расширения org.eclipse.rap.ui.branding вкладки Extensions PDE-редактора (рис. 9.6).

Рис. 9.6. Брендинг RAP-приложения

Поле title позволяет определить заголовок Web-страницы RAP-приложения.

Поле favicon определяет значок заголовка Web-страницы RAP-приложения.

Поле body позволяет включить дополнительный HTML-код в тэг <body> Web-страницы RAP-приложения с помощью HTML-файла, содержащего тэг <body> с HTML-кодом.

Поле themeId позволяет изменить внешний вид RAP-приложения в Web-браузере с помощью CSS-стилей.

Команда New | additionalHeaders позволяет определить дополнительные HTML-тэги link и meta.

Для создания своего CSS-стиля RAP-приложения необходимо создать CSS-файл и поместить его в RAP-проект. Не забываем при этом во вкладке Build PDE-редактора, используя флажки, включать дополнительные ресурсы в сборку проекта.

Во вкладке Extensions PDE-редактора кнопкой Add добавим расширение org.eclipse.rap.ui.themes и нажмем правой кнопкой мышки на его узле, в контекстном меню выберем команду New | theme и в поле file кнопкой Browse определим созданный CSS-файл.

Сохранив изменения, в поле themeId кнопкой Browse выберем идентификатор созданной темы. Теперь при запуске RAP-приложения к его Web-странице будут применены созданные CSS-стили.

Примечание

Для добавления всех необходимых плагинов при запуске приложения из среды Eclipse необходимо воспользоваться кнопкой Add Required Bundles вкладки Bundles команды Run As | Run Configurations.

Для развертывания RAP-приложения в Servlet-контейнере необходимо создать WAR-файл приложения. Для этого воспользуемся инструментом WAR Products, который дополнительно установим в среду Eclipse.

В меню Help выберем команду Install New Software, в поле Work with: выберем адрес репозитория Eclipse-релиза, в разделе Web, XML, Java EE and OSGi Enterprise Development отметим флажок WAR Products и нажмем кнопку Next.

После установки инструмента WAR Products в окне Project Explorer нажмем правой кнопкой мышки на узле RAP-проекта и в контекстном меню выберем команду New | Other | Plug-in Development | WAR Product Configuration, нажмем кнопку Next, в поле File name: введем имя файла, выбрав при этом переключатель Use a launch configuration:, и нажмем кнопку Finish (рис. 9.7).

Рис. 9.7. Мастер создания конфигурационного файла экспорта RAP-приложения в WAR-файл

Во вкладке Configuration отметим флажок Include optional dependencies … и нажмем кнопку Add Required Plug-ins.

Во вкладке Overview редактора warproduct-файла нажмем ссылку Eclipse WAR Product export wizard, выберем каталог для экспорта WAR-файла и нажмем кнопку Finish – в результате получим WAR-файл RAP-приложения.

Поместим созданный WAR-файл RAP-приложения в папку webapps каталога сервера Tomcat и запустим сервер с помощью инструмента startup.bat папки bin.

В адресной строке Web-браузера наберем адрес http://127.0.0.1:8080/rapmail/mail или http://127.0.0.1:8080/raphello/hello – в результате увидим Web-страницу RAP-приложения.

Рабочие WAR-файлы можно скачать по адресу raphello.war и rapmail.war .

Рассмотренный выше тип RAP-приложений является аналогом RCP-приложений и расширяет границы подхода Rich Client Platform (RCP) до архитектуры Web 2.0.

В отличие от шаблона RAP Mail Template, представляющего пример RAP-приложения, которое имеет зависимость от плагина org.eclipse.rap.ui, шаблон RAP Hello World представляет пример RWT-приложения.

RWT-приложения являются аналогами SWT-приложений и позволяют использовать программный интерфейс SWT API для создания GUI-интерфейса RIA-приложений. Отличие RWT-приложений от RAP-приложений состоит в том, что RWT-приложения не используют Workbench-среду и зависят от плагина org.eclipse.rap.rwt.


Преобразование SWT-приложения в RWT-приложение