Чтобы быстро на практике продемонстрировать как работает 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. Мобильный профиль не поддерживается.
Подготовка файлов приложений
Начальная страница приложение Adobe AIR и все относящиеся к нему страницы должны быть определены на сайте Dreamweaver:
-
Запустите Dreamweaver и убедитесь, что был определен сайт.
-
Откройте новую страницу HTML, выбрав «Файл» > «Создать», затем выберите HTML в столбце «Тип страницы», выберите «Нет» в столбце «Макет», щелкните «Создать».
-
На новой странице введите
Hello World!
Этот пример исключительно прост, но, если потребуется, можно добавить к тексту стиль по своему выбору, добавить дополнительное содержимое к странице, связать другие страницы с начальной и т.п.
-
Сохраните страницы («Файл» > «Сохранить») как файл hello_world.html. Убедитесь, что файл сохранен на сайте Dreamweaver.
Дополнительные сведения о сайте Dreamweaver см. в справке Dreamweaver.
Создание приложения Adobe AIR
-
Убедитесь, что страница hello_world.html открыта в окне «Документ» в Dreamweaver. (См. инструкции по ее созданию в предыдущем разделе.)
-
Выберите «Сайт» > «Настройки приложения Air».
Большинство требуемых настроек в диалоговом окне «AIR — приложение и настройки» заполняются автоматически. Но требуется выбрать исходное содержимое (или начальную страницу) для приложения.
-
Нажмите кнопку «Обзор», рядом с пунктом «Исходное содержимое», чтобы перейти к странице hello_world.html и выбрать ее.
-
Рядом с пунктом «Цифровая подпись» нажмите кнопку «Задать».
Цифровая подпись позволяет гарантировать, что код приложения не был изменен или поврежден с момента его создания автором программного обеспечения. Такая подпись необходима для всех приложений Adobe AIR.
-
В диалоговом окне «Цифровая подпись» выберите «Подписать пакет AIR цифровым сертификатом», а затем нажмите кнопку «Создать». (Если доступ к цифровому сертификату уже есть, можно нажать кнопку «Обзор» чтобы выбрать его.)
-
Заполните обязательные поля в диалоговом окне «Самозаверяющий цифровой сертификат». Необходимо указать свое имя, ввести пароль и подтвердить его, а затем ввести имя для файла цифрового сертификата. Dreamweaver сохраняет цифровой сертификат в корневом каталоге сайта.
-
Нажмите «ОК», чтобы вернуться в диалоговое окно «Цифровая подпись».
-
В диалоговом окне «Цифровая подпись» введите пароль, указанный для цифрового сертификата, и нажмите «ОК».
Заполненное диалоговое окно «AIR — настройки приложения и установщика» может выглядеть следующим образом.
Подробное описание всех параметров этого диалогового окна и их настройки см. в разделе «
Создание приложения AIR в Dreamweaver
».
-
Нажмите кнопку «Создать файл AIR».
Dreamweaver создает файл приложения Adobe AIR и сохраняет его в корневую папку сайта. Dreamweaver также создает файл application.xml и сохраняет его в той же папке. Этот файл выполняет роль манифеста, определяя различные свойства приложения.
Установка приложения на настольном компьютере
Теперь, когда создан файл приложения, можно установить его на любом настольном компьютере.
-
Переместите файл приложения Adobe AIR с сайта Dreamweaver на персональный компьютер.
Этот шаг не обязателен. Если потребуется, приложение можно установить на свой компьютер непосредственно из каталога на сайте Dreamweaver.
-
Дважды щелкните исполняемый файл приложения (файл .air), чтобы установить это приложение.
Предварительный просмотр приложения Adobe AIR
В любое время можно выполнить предварительный просмотр страниц, которые затем станут частью приложений AIR. Поэтому нет необходимости упаковывать приложение для того, чтобы посмотреть, как оно будет выглядеть после установки.
-
Убедитесь, что страница hello_world.html открыта в окне «Документ» в Dreamweaver.
-
На панели инструментов «Документ» нажмите кнопку «Просмотр и отладка в браузере», а затем выберите «Просмотр в AIR».
Также можно нажать комбинацию клавиш Ctrl+Shift+F12 (Windows) или Cmd+Shift+F12 (Macintosh).
При выполнении предварительного просмотра данной страницы отображается то, что пользователи увидят на начальной странице приложения после его установки на настольный компьютер.
|
|
|