Instrukcja debugowania aplikacji w środowisku Flex

Aby możliwe było przeprowadzenie debugowania aplikacji napisanych w Adobe Flex, przede wszystkim konieczne jest zainstalowanie developerskiej wersji Flash Playera. Od tego momentu każdy uruchomiony flash działający w jakiś sposób błędnie będzie wyświetlał komunikaty o błędach – co tyczy się również reklam na stronach lub popularnych serwisów, typu Wrzuta, Google Street View czy YouTube;)

  1. Aby odinstalować „zwykłego” Flasha, należy standardowo usunąć go poprzez Panel sterowania – dodaj/usuń programy lub użyć oficjalnego deinstalatora.
  2. Zainstalować wersję flasha pozwalającą na debugowanie – pobierając np. ze strony http://www.adobe.com/support/flashplayer/downloads.html – należy zwrócić uwagę, aby pobierać wersję developerską. Dla IE pobrać wersję dedykowaną dla IE (czasem nie działa, np. pod Windows Server 2012 zdarza się, że mimo deinstalacji pojawia się komunikat, iż IE posiada zainstalowaną wtyczkę Flash Playera). Wtedy można zainstalować wersję dla innych przeglądarek (Firefox, Chrome..): Windows Flash Player 11.7 Plugin content debugger (for Netscape-compatible browsers)
  3. W Flash Builderze: menu Project → Properties → Flex Build Path → Output folder: debug. Output folder URL: http://127.0.0.1:8080/

  1. W menu Project → Properties → Run/Debug Settings → URL or path to launch: odznaczyć
    „Use default”, wpisać: http://127.0.0.1:8080/app.html (może być też app.swf), apply, ok.
  2. Przebuildować aplikację: menu Project → Build All (lub też prawym na projekt i Build).

W serwerze (Tomcat):

  1. Zatrzymać serwer.
  2. Skopiować odpowiednie pliki (zwłaszcza swf) z katalogu „debug” do
    katalogu serwera (np. dla serwera Tomcat: \tomcat\webapps\ROOT\).
  3. Uruchomić Tomcata, zaczekać aż zdeployuje wszystkie aplikacje.
  4. Ponownie we Flash Builderze włączyć tryb debug: Debug Configurations, Other.
    flex_debug_03
  5. Po pomyślnym podłączeniu, Flash Builder proponuje przełączenie na widok debugowania
    (Flash Debug perspective). Powrót do zwykłego widoku poprzez przycisk Flash
    Perspective.
    flex_debug_05
  6. W przypadku zbyt długiego nie podejmowania żadnych akcji w trybie debug (czyli gdy zbyt długo zastanawiamy się, trzymając kod w pułapce), Firefox blokuje wtyczkę Flasha z komunikatem: „Wtyczka adobe flash uległa awarii”.
  7. Przykładowy problem, który może się zdarzyć: błąd „An internal error occurred during: Building Workspace” – może pojawić się prawdopodobnie w przypadku problemu z dostępem do folderu,w którym ma zostać umieszczony build (np. jeśli ustawiono miejsce buildu na katalog serwera, który nie dopuszcza do uaktualnienia plików).

Przydatne linki:

  • http://blogs.4point.com/armaghan.chaudhary/2009/04/remote-debugging-using-flex-builderide.html
  • http://www.youtube.com/watch?feature=player_embedded&v=VX6LDQvimJo

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *