Safe Harbor Statement

(1)

Logging & Debugging von

M(obile)AF Applikationen

Jürgen Menge

Sales Consultant

(2)

Safe Harbor Statement

The following is intended to outline our general product direction. It is intended for

information purposes only, and may not be incorporated into any contract. It is not a

commitment to deliver any material, code, or functionality, and should not be relied upon

in making purchasing decisions. The development, release, and timing of any features or

functionality described for Oracle’s products remains at the sole discretion of Oracle.

(3)

Einstieg ins Thema

Logging

Debugging

1

2

Agenda

3

Debugging

Weitere Informationen

3

4

(4)

Bestandteile einer Mobile Plattform

Security

Schutz der Unternehmensdaten

Integration

Mobile

Strategy

Multiplatform

Entwicklung mobiler

Applikationen

Zugriff auf Daten und

Services

MAINFRAME MAINFRAME MAINFRAME

(5)

Oracle Mobile Application Framework

Oracle MAF

Write Once, Deploy to Many

Nutzung vorhandener Kenntnisse

Basierende auf Standards

Nutzung vorhandener Kenntnisse

Basierend auf Standards

Oracle MAF

(6)

Mobile

Device

Server

Server-Generated

Configuration

Service

App. Configuration

Web View

HTML 5, CSS3 & JavaScript Representation

AMX Feature

Local HTML

Feature

Remote URL

Feature

MAF Device Native Container

Components

A

u

th

e

n

tic

a

tio

n

, C

re

d

e

n

tia

l M

a

n

a

g

e

m

e

n

t

&

A

cc

e

ss

C

o

n

tr

o

l

Mobile Application Framework - Architektur

REST or SOAP

Services

Server-Generated

HTML

Apache Cordova

Plugins & APIs

Java VM

S

Q

Li

te

Client Logic

JDBC

Encrypted Database

APN/GCM Push

Services

Components

Controller

Device Services

A

u

th

e

n

tic

a

tio

n

, C

re

d

e

n

tia

l M

a

n

a

g

e

m

e

n

t

(7)

Logging & Debugging von MAF-Applikationen

iOS

Android

Werkzeuge

von

Oracle MAF

JDeveloper

Remote

Debugging

JDeveloper

Oracle MAF

Plattform-spezifische

Werkzeuge

Android

Monitor

ddms

chrome:/

/inspect

Safari

Web

Inspector

JDeveloper

Logging

(8)

Einstieg ins Thema

Logging

Debugging

1

2

Agenda

3

Debugging

3

4

(9)

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",

(10)

Konfiguration des Logging - logging.properties

Logger Default

Settings

(11)

Mobile Application Framework – JavaScript Logging

•

Redirect des Output in Datei durch System.out

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");

(12)

iOS Logging

(13)

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)

•

adb logcat (analog tail)

•

Kopieren der Datei auf den Desktop

•

Media Transfer Protocol (mtp)

(14)

Android Logging – Monitor und ddms

•

Debug Monitor (../android-sdk-linux/tools/monitor)

•

Log Messages

Filter, Suchfunktionalität

•

File System Explorer

•

Threads

•

Threads

•

Heap usage

•

Network stats

•

Dalvik Debug Monitor Server (../android-sdk-linux/tools/ddms)

(15)

DEMONSTRATION

Android Logging

(16)

Einstieg ins Thema

Logging

Debugging

1

2

Agenda

3

Debugging

3

4

(17)

Mobile Application Framework – Remote Debugging

•

Breakpoints im Java Code setzen

•

Debugging in der MAF-Applikation konfigurieren

•

Gerät bzw. Simulator/Emulator vorbereiten

•

Gerät bzw. Simulator/Emulator vorbereiten

•

Applikation im Debug Mode auf Gerät

oder Simulator/Emulator deployen

•

Applikation starten

(18)

Debugging – Breakpoints setzen

•

Breakpoints in Java-Klassen setzen

•

Lifecycle Methoden

•

Managed Beans

•

POJO Data Control

•

POJO Data Control

•

keine Evaluierung

von EL-Ausdrücken

(19)

Konfiguration des Debugging – cvm.properties

•

Konfiguration in der Datei ../META-INF/cvm.properties

•

Aktivieren des Debugging

–

java.debug.enabled=true

–

java.debug.port=8000

–

java.debug.port=8000

(20)

Debugging – Gerät bzw. Simulator/Emulator

•

Android Emulator

–

Android Virtual Device (AVD) anlegen

und konfigurieren

•

Android Device

•

Android Device

–

USB Debugging aktivieren (Developer Options)

–

Installation von Apps aus unbekannten Quellen

erlauben

(21)

Debugging – Applikation deployen

•

Deployment Profile auf Debug Mode setzen (Default)

•

Application Properties

•

Deployment => Deployment Profiles

•

evtl. eigenes Profil für Debugging

•

evtl. eigenes Profil für Debugging

anlegen

•

Gerät per USB verbinden

(22)

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

•

Port Forwarding

•

iOS Simulator

•

Eingehenden Netzwerk-Verbindung akzeptieren

(23)

Debugging – Debugger starten

•

Debugger im JDeveloper aufrufen

•

Debugger mit der App verbinden

(24)

Debugging – Applikation debuggen

•

Debugger wartet am Breakpoint

•

Step Through | Step to the End

•

Auswertung

•

Breakpoints

•

Breakpoints

•

ADF Data

•

Smart Data

•

Data

•

Watches

•

Resume

(25)

DEMONSTRATION

Android Debugging

(26)

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

•

Schritte

•

Chrome aufrufen

•

URL: chrome://inspect

•

Discover USB Devices

•

Port Forwarding ?

(27)

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

•

Console: Kommunikation

mit der Anwendung

(28)

Safari Remote Debugging (1)

•

Datei cvm.properties

•

javascript.debug.enabled=true

•

Schritte

•

Safari aufrufen

•

Preferences => Advanced

•

Preferences => Advanced

=> Show Develop menu ...

•

Start der Applikation

(29)

Safari Remote Debugging (2)

•

Resources: DOM Tree, HTML-Elemente

•

Styles: CSS

•

Timelines: aufgerufene Dateien,

Ladezeiten

•

mit der Anwendung

(30)

DEMONSTRATION

Remote Debugging

Chrome

(31)

Einstieg ins Thema

Logging

Debugging

1

2

Agenda

3

Debugging

3

4

(32)

•

Dokumentation – Mobile Application Framework 2.0.1

https://docs.oracle.com/middleware/mobile201/mobile/develop/maf-debug-test.htm#ADFMF1044

•

Blogs – Debugging ADF Mobile

https://blogs.oracle.com/shay/entry/debugging_adf_mobile_apps_on

https://blogs.oracle.com/mobile/entry/enable_javascript_debugging_on_mac

http://java.dzone.com/articles/debugging-oracle-adf-mobile

•

YouTube Videos – Debugging ADF Mobile

http://www.youtube.com/watch?v=uuQTBSMkmhU

•

Chrome – Developer Tools

https://developer.chrome.com/devtools

(33)

Fragen & Antworten

Jürgen Menge

juergen.menge@oracle.com