Entwicklungswerkzeuge & - methoden

Transkript

1 Entwicklungswerkzeuge & - methoden Debugging und Logging von mobile Apps Jürgen Menge Sales Consultant, Oracle Deutschland [email protected] +++ Bitte nutzen Sie die bevorzugte Telefonnummer oder alternativ zur Einwahl in die Telefonkonferenz. Anschließend benötigen Sie die Konferenz-ID: , Ihren Namen und den Sichersheitscode: Jede einzelne Eingabe ist mit der Raute Taste # zu bestätigen!!! +++

2 Logging & Debugging von MAF-Applikationen ios Android Werkzeuge von Oracle MAF JDeveloper Remote Debugging JDeveloper Logging Plattformspezifische Werkzeuge Safari Web Inspector Android Monitor ddms chrome:/ /inspect 2

3 Logging

4 Mobile Application Framework Java Logging System & Error Log (System.out.println, System.err.println) Embedded Logging(Default: com.sun.util.logging.logger) Konfiguration in der Datei../META-INF/logging.properties Logger.getLogger("oracle.adfmf.application").logp(Level.WARNING, this.getclass().getname(), "ontestmessage", "embedded warning message 3"); 4

5 Konfiguration des Logging - logging.properties Logger Default Settings 5

6 Mobile Application Framework JavaScript Logging Redirect des Output in Datei durch System.out <script type="text/javascript" charset="utf-8"> function test_function() { console.log("message from JavaScript");} </script> Verwendung einer Logging Methode im JavaScript adf.mf.log.application.logp(adf.mf.log.level.warning, "myclass", "mymethod", "My Message"); 6

7 ios Logging

8 Android Logging Output Log Datei Datei <AppName>.txt in /sdcard (vorletzte Version als *.txt.bak) Anzeige des Inhalts Lokaler Viewer auf dem Device/Emulator adb logcat (analog tail) Kopieren der Datei auf den Desktop Media Transfer Protocol (mtp) adb pull /sdcard/<file> <local_file>

9 Android Logging Monitor und ddms Debug Monitor (../android-sdk-linux/tools/monitor) Log Messages Filter, Suchfunktionalität File System Explorer Threads Heap usage Network stats Dalvik Debug Monitor Server (../android-sdk-linux/tools/ddms) deprecated

10 Debugging

11 Mobile Application Framework Remote Debugging Breakpoints im Java Code setzen Debugging in der MAF-Applikation konfigurieren Gerät bzw. Simulator/Emulator vorbereiten Applikation im Debug Mode auf Gerät oder Simulator/Emulator deployen Applikation starten Debugger des JDeveloper mit der App verbinden

12 Debugging Breakpoints setzen Breakpoints in Java-Klassen setzen Lifecycle Methoden Managed Beans POJO Data Control keine Evaluierung von EL-Ausdrücken keine Breakpoints in AMX-Dateien

13 Konfiguration des Debugging cvm.properties Konfiguration in der Datei../META-INF/cvm.properties Aktivieren des Debugging java.debug.enabled=true java.debug.port=8000 javascript.debug.enabled=true

14 Debugging Gerät bzw. Simulator/Emulator Android Emulator Android Virtual Device (AVD) anlegen und konfigurieren Android Device USB Debugging aktivieren (Developer Options) Installation von Apps aus unbekannten Quellen erlauben

15 Debugging Applikation deployen Deployment Profile auf Debug Mode setzen (Default) Application Properties Deployment => Deployment Profiles evtl. eigenes Profil für Debugging anlegen Gerät per USB verbinden Applikation deployen

16 Debugging Applikation starten und verbinden Applikation auf dem Gerät oder Simulator/Emulator starten Applikation wartet nach dem Start auf den Debug-Prozess Android Port Forwarding adb -d forward tcp:8000 tcp:8000 /Device adb -e forward tcp:8000 tcp:8000 /Emulator ios Simulator Eingehenden Netzwerk-Verbindung akzeptieren

17 Debugging Debugger starten Debugger im JDeveloper aufrufen Debugger mit der App verbinden

18 Debugging Applikation debuggen Debugger wartet am Breakpoint Step Through Step to the End Auswertung Breakpoints ADF Data Smart Data Data Watches Resume

19 Chrome Remote Debugging (1) Chrome Developer Tools ab Chrome 32 und Android 4.4 für WebView-Applikationen Datei cvm.properties javascript.debug.enabled=true Schritte Chrome aufrufen URL: chrome://inspect Discover USB Devices Port Forwarding? Liste der Pages

20 Chrome Remote Debugging (2) Elements: DOM Tree, HTML-Elemente, CSS, Event Listener, Viewport Sources: Debugging JavaScript Network: aufgerufene Dateien, Ladezeiten [F5] Audits: Analyse der Seiten beim Laden Console: Kommunikation mit der Anwendung ab Screencast

21 Safari Remote Debugging (1) Datei cvm.properties javascript.debug.enabled=true Schritte Safari aufrufen Preferences => Advanced => Show Develop menu... Start der Applikation Liste der Pages

22 Safari Remote Debugging (2) Resources: DOM Tree, HTML-Elemente Styles: CSS Timelines: aufgerufene Dateien, Ladezeiten Console: Kommunikation mit der Anwendung

23 DEMONSTRATION Android Debugging Copyright 2014 Oracle and/or its affiliates. All rights reserved.

24 Weitere Informationen Dokumentation Mobile Application Framework Blogs Debugging ADF Mobile YouTube Videos Debugging ADF Mobile Chrome Developer Tools

25 Fragen & Antworten Jürgen Menge

26 Nächste Session am Oracle ADF Community ADF Spotlight - Entwicklungswerkzeuge & -methoden - ADF 12c mit Git, Maven & Co. - Status Quo Ulrich Gerkmann-Bartels +++ Weitere Informationen bzgl. Webkonferenzdaten und Unterlagen finden Sie auf der OTN ADF Community Seite!!! +++