Tworzenie pierwszej aplikacji AIR opartej na kodzie HTML w programie Dreamweaver

W celu uzyskania szybkich i niezawodnych instrukcji na temat działania Adobe® AIR® można wykorzystać poniższe instrukcje w celu utworzenia i spakowania prostej aplikacji „Hello World” HTML AIR za pomocą rozszerzenia Adobe® AIR® dla programu Dreamweaver®.

Przed przystąpieniem do wykonywania tej procedury należy pobrać i zainstalować środowisko Adobe AIR, które jest dostępne na stronie www.adobe.com/go/air_pl .

Instrukcje dotyczące instalowania rozszerzenia Adobe AIR dla programu Dreamweaver zawiera sekcja Instalowanie rozszerzenia AIR dla programu Dreamweaver .

Ogólne informacje o rozszerzeniu, w tym także informacje o wymaganiach systemowych, zawiera sekcja Rozszerzenie AIR dla programu Dreamweaver .

Uwaga: Aplikacje AIR oparte na języku HTML mogą być programowane wyłącznie na potrzeby profilów komputerowego i rozszerzonego komputerowego. Profil mobile nie jest obsługiwany.

Przygotowanie plików aplikacji

Stronę startową aplikacji Adobe AIR oraz wszystkie powiązane strony należy zdefiniować w serwisie programu Dreamweaver:

  1. Uruchom program Dreamweaver i upewnij się, że zdefiniowany jest serwis.

  2. Otwórz nową stronę HTML, wybierając opcje Plik > Nowe. Następnie wybierz opcję HTML w kolumnie typu strony oraz opcję Brak w kolumnie układu. Następnie kliknij przycisk Utwórz.

  3. Na nowej stronie wpisz Hello World!

    Ten przykład jest bardzo prosty, można jednak określić dowolny styl tekstu, dodać więcej treści do strony, połączyć inne strony ze stroną startową itp.

  4. Zapisz stronę (Plik > Zapisz) jako hello_world.html. Upewnij się, że plik został zapisany w serwisie programu Dreamweaver.

Więcej informacji na temat serwisów programu Dreamweaver zawiera pomoc programu Dreamweaver.

Tworzenie aplikacji Adobe AIR

  1. Upewnij się, że strona hello_world.html jest otwarta w oknie Dokument programu Dreamweaver. (Instrukcje na temat tworzenia tej strony zawiera poprzednia sekcja).

  2. Wybierz opcje Serwis > Ustawienia aplikacji Air.

    Większość wymaganych ustawień w oknie dialogowym aplikacji i ustawień AIR program wprowadza automatycznie. Użytkownik musi wybrać początkową treść (lub stronę startową) aplikacji.

  3. Kliknij przycisk Przeglądaj obok opcji Treść początkowa, przejdź do strony hello_world.html i zaznacz ją.

  4. Obok opcji Podpis cyfrowy kliknij przycisk Ustaw.

    Podpis cyfrowy gwarantuje, że kod aplikacji nie został zmodyfikowany ani uszkodzony od czasu jego utworzenia przez autora oprogramowania. Podpis jest wymagany we wszystkich aplikacjach Adobe AIR.

  5. W oknie dialogowym Podpis cyfrowy wybierz opcję Podpisz pakiet AIR certyfikatem cyfrowym, a następnie kliknij przycisk Utwórz. (Jeśli masz dostęp do certyfikatu cyfrowego kliknij przycisk Przeglądaj, aby go po prostu wybrać).

  6. Wypełnij wymagane pola w oknie dialogowym tworzenia cyfrowego certyfikatu samopodpisanego. Konieczne będzie wprowadzenie nazwy oraz hasła, a następnie potwierdzenie hasła, a także wprowadzenie nazwy dla pliku certyfikatu cyfrowego. Program Dreamweaver zapisuje certyfikat cyfrowy w katalogu głównym serwisu.

  7. Kliknij OK, aby powrócić do okna Podpis cyfrowy.

  8. W oknie dialogowym Podpis cyfrowy wprowadź hasło określone dla certyfikatu cyfrowego i kliknij przycisk OK.

    Wypełnione okno dialogowe Aplikacja AIR i Ustawienia instalatora może wyglądać, jak poniżej:

    Bardziej wyczerpujące omówienie wszystkich opcji okna dialogowego i sposobów ich edytowania zawiera sekcja Tworzenie aplikacji AIR w programie Dreamweaver .

  9. Kliknij przycisk Utwórz plik AIR.

    Program Dreamweaver utworzy plik aplikacji Adobe AIR i zapisze go w katalogu głównym serwisu. Program Dreamweaver utworzy również plik application.xml i zapisze go w tym samym miejscu. Ten plik służy jako manifest, ponieważ definiuje różne właściwości aplikacji.

Instalowanie aplikacji na komputerze stacjonarnym

Aplikację, dla której utworzono plik aplikacji, można zainstalować na dowolnym komputerze stacjonarnym.

  1. Przenieś plik aplikacji Adobe AIR na zewnątrz serwisu Dreamweaver, na lokalny komputer stacjonarny lub inny komputer stacjonarny.

    Ten krok jest opcjonalny. Możliwe jest również zainstalowanie nowej aplikacji na komputerze bezpośrednio z katalogu serwisu Dreamweaver.

  2. Kliknij dwukrotnie plik wykonywalny aplikacji (.air), aby zainstalować aplikację.

Wyświetlanie podglądu aplikacji Adobe AIR

Podgląd stron, które będą częścią aplikacji AIR, można wyświetlić w dowolnym momencie. Oznacza to, że w celu sprawdzenia wyglądu zainstalowanej aplikacji, nie trzeba jej pakować.

  1. Upewnij się, że strona hello_world.html jest otwarta w oknie Dokument programu Dreamweaver.

  2. Na pasku narzędziu Dokument kliknij przycisk Wyświetl podgląd/debuguj w przeglądarce, a następnie wybierz opcję podglądu w AIR.

    Można również nacisnąć kombinację klawiszy Ctrl+Shift+F12 (Windows) lub Cmd+Shift+F12 (Macintosh).

    Na podglądzie widoczny jest obraz strony startowej aplikacji po zainstalowaniu aplikacji na komputerze stacjonarnym przez użytkownika końcowego.