Создание первого HTML-приложения AIR с помощью Dreamweaver

Чтобы быстро на практике продемонстрировать как работает Adobe® AIR®, используйте эти инструкции по созданию и упаковке простейшего HTML-приложения AIR «Hello World», используя расширение Adobe® AIR® Extension для Dreamweaver®.

Если это еще не сделано, загрузите и установите пакет Adobe AIR, расположенный по следующему адресу: www.adobe.com/go/air_ru.

Инструкции по установке расширения Adobe AIR для Dreamweaver см. в разделе «Установка расширения AIR для Dreamweaver».

Обзор расширения, включая системные требования, см. в разделе «Расширение AIR для Dreamweaver».

Примечание. Приложения AIR на базе HTML могут быть разработаны только для профилей desktop и extendedDesktop. Профили mobile и tv не поддерживаются.

Подготовка файлов приложений

Начальная страница приложение Adobe AIR и все относящиеся к нему страницы должны быть определены на сайте Dreamweaver:

  1. Запустите Dreamweaver и убедитесь, что был определен сайт.

  2. Откройте новую страницу HTML, выбрав «Файл» > «Создать», затем выберите HTML в столбце «Тип страницы», выберите «Нет» в столбце «Макет», щелкните «Создать».

  3. На новой странице введите Hello World!

    Этот пример исключительно прост, но, если потребуется, можно добавить к тексту стиль по своему выбору, добавить дополнительное содержимое к странице, связать другие страницы с начальной и т.п.

  4. Сохраните страницы («Файл» > «Сохранить») как файл hello_world.html. Убедитесь, что файл сохранен на сайте Dreamweaver.

Дополнительные сведения о сайте Dreamweaver см. в справке Dreamweaver.

Создание приложения Adobe AIR

  1. Убедитесь, что страница hello_world.html открыта в окне «Документ» в Dreamweaver. (См. инструкции по ее созданию в предыдущем разделе.)

  2. Выберите «Сайт» > «Настройки приложения Air».

    Большинство требуемых настроек в диалоговом окне «AIR — приложение и настройки» заполняются автоматически. Но требуется выбрать исходное содержимое (или начальную страницу) для приложения.

  3. Нажмите кнопку «Обзор», рядом с пунктом «Исходное содержимое», чтобы перейти к странице hello_world.html и выбрать ее.

  4. Рядом с пунктом «Цифровая подпись» нажмите кнопку «Задать».

    Цифровая подпись позволяет гарантировать, что код приложения не был изменен или поврежден с момента его создания автором программного обеспечения. Такая подпись необходима для всех приложений Adobe AIR.

  5. В диалоговом окне «Цифровая подпись» выберите «Подписать пакет AIR цифровым сертификатом», а затем нажмите кнопку «Создать». (Если доступ к цифровому сертификату уже есть, можно нажать кнопку «Обзор» чтобы выбрать его.)

  6. Заполните обязательные поля в диалоговом окне «Самозаверяющий цифровой сертификат». Необходимо указать свое имя, ввести пароль и подтвердить его, а затем ввести имя для файла цифрового сертификата. Dreamweaver сохраняет цифровой сертификат в корневом каталоге сайта.

  7. Нажмите «ОК», чтобы вернуться в диалоговое окно «Цифровая подпись».

  8. В диалоговом окне «Цифровая подпись» введите пароль, указанный для цифрового сертификата, и нажмите «ОК».

    Заполненное диалоговое окно «AIR — настройки приложения и установщика» может выглядеть следующим образом.

    Подробное описание всех параметров этого диалогового окна и их настройки см. в разделе «Создание приложения AIR в Dreamweaver».

  9. Нажмите кнопку «Создать файл AIR».

    Dreamweaver создает файл приложения Adobe AIR и сохраняет его в корневую папку сайта. Dreamweaver также создает файл application.xml и сохраняет его в той же папке. Этот файл выполняет роль манифеста, определяя различные свойства приложения.

Установка приложения на настольном компьютере

Теперь, когда создан файл приложения, можно установить его на любом настольном компьютере.

  1. Переместите файл приложения Adobe AIR с сайта Dreamweaver на персональный компьютер.

    Этот шаг не обязателен. Если потребуется, приложение можно установить на свой компьютер непосредственно из каталога на сайте Dreamweaver.

  2. Дважды щелкните исполняемый файл приложения (файл .air), чтобы установить это приложение.

Предварительный просмотр приложения Adobe AIR

В любое время можно выполнить предварительный просмотр страниц, которые затем станут частью приложений AIR. Поэтому нет необходимости упаковывать приложение для того, чтобы посмотреть, как оно будет выглядеть после установки.

  1. Убедитесь, что страница hello_world.html открыта в окне «Документ» в Dreamweaver.

  2. На панели инструментов «Документ» нажмите кнопку «Просмотр и отладка в браузере», а затем выберите «Просмотр в AIR».

    Также можно нажать комбинацию клавиш Ctrl+Shift+F12 (Windows) или Cmd+Shift+F12 (Macintosh).

    При выполнении предварительного просмотра данной страницы отображается то, что пользователи увидят на начальной странице приложения после его установки на настольный компьютер.