APEX DESKTOP APPS. Interaktion mit dem Client System

Transkript

1 APEX DESKTOP APPS Interaktion mit dem Client System

2 About me Oracle > 8 Jahre APEX > 8 Jahre Freelancer seit 2016 Vorher APEX Entwickler im Versicherungsumfeld aktiver Open Source Entwickler auf Github Mit-Entwickler von apex.world!

3 DOAG 2016 APEX Plug-ins From Zero to Hero Wann: Do :00 Uhr Wo: Raum Istanbul APEX Open Mic Night Wann: Mi :30 Uhr Wo: Raum Istanbul

4 APEX Connect 2017 Call for Papers bis 21. November 2016!

5 Agenda Hintergrund / Motivation Electron Integration APEX Anwendungsfälle / Funktionen Deployment

6 Hintergrund / Motivation

7 Hintergrund / Motivation Long Long Time Ago Architektur: Client-Server Server: Application Server Client: Rich Client Kommunikation: stetige Verbindung

8 Hintergrund / Motivation Gestern Architektur: Web / Web 2.0 Server: Web Server / Application Server Client: Browser Kommunikation: Stateless / nur falls nötig Was fehlt?

9 Hintergrund / Motivation Heute Architektur: Web / Web 2.0 Server: Web Server / Application Server Client: Browser Kommunikation: Stateless / nur falls nötig Revival Client-Server à Web Sockets / Service Workers Weil: Live Events, Live Chats, Live Benachrichtigungen

10 Hintergrund / Motivation Revival des Rich Clients Keine Sandbox, keine Browser Einschränkungen Offline Funktionalitäten, App Stores Alle Möglichkeiten der Betriebssysteme nutzen

11 Hintergrund / Motivation Anbieter NW.js (Node Webkit) Electron

12 Electron

13 Electron

14 Electron

15 Electron Geschichte Entwickelt von Github als Open Source Aktiv seit Januar 2013 Runtime Umgebung ähnlich wie Node.js (node app.js à electron app.js) Chromium mit V8 Engine als Basis Integration von Node.js Cross-Platform Mac, Windows und Linux

16 Electron

17 Electron Main Process Nur ein Main Process Interaktion mit Native GUI und dem Betriebssystem Erstellt Application-Windows (Browser Windows) Zugriff auf Low-Level API Renderer Process Mehrere Renderer Processes möglich Darstellung/Rendering der Web Pages (HTML Datei mit CSS / JavaScript) Kein Zugriff auf Low Level API à IPC (Inter-Process Communication)

18 Electron Aufbau

19 Electron package.json

20 Electron main.js

21 Electron index.html

22 Electron index.html APEX App

23 Integration APEX APEX Client Extension (ACE)

24 Integration APEX APEX Client Extension (ACE) Entwickelt und gesponsert von FOEX GmbH Open Source auf Github In Entwicklung (BETA)!! Auf Electron basierend Framework mit Electron gebaut Vereinfachte Verwendung Eigene API um die Komplexität zu verbergen Funktionierende APEX Integration im Fokus

25 Integration APEX APEX Client Extension (ACE) To-do s bessere Electron API Abdeckung à ScreenCapture, SystemPrefs, usw. deklarative JavaScript Verwendungà APEX Dynamic Actions Plug-ins verbessertes Error Handling: Main <> Renderer <> WebView

26 Integration APEX Mit APEX Client Extension loslegen Node.js installieren Github Repository: Repository als ZIP herunterladen oder per Kommandozeile: In das Verzeichnis apex-client-extension wechseln Mit NPM alle Pakete und Abhängigkeiten installieren

27 Integration APEX Mit APEX Client Extension loslegen Demo APEX App installieren (Optional) App Export apex-demo-app.sql aus Demo Ordner importieren Sample Database Application installieren config.json anpassen Starten mit:

28 DEMO $ %

29 Anwendungsfälle / Funktionen

30 Anwendungsfälle / Funktionen Zugriff Zwischenablage / Clipboard Definition von globalen Shortcuts Lese- u. Schreibzugriffe auf das Client Dateisystem Desktop Notifications Shell-Skripte Web Frame Drucken uvm...

31 Anwendungsfälle / Funktionen Zugriff Zwischenablage / Clipboard Clipboard Format Clipboard lesen Clipboard schreiben

32 Anwendungsfälle / Funktionen Definition von globalen Shortcuts Shortcut registrieren Shortcut Registrierung entfernen Shortcut Registrierung prüfen

33 Anwendungsfälle / Funktionen Lese- u. Schreibzugriffe auf das Client Dateisystem Verzeichnis Inhalt lesen Datei Inhalt lesen Verzeichnis öffnen Datei öffnen Datei in Papierkorb verschieben

34 Anwendungsfälle / Funktionen Web Frame Zoom Level setzen Zoom Level lesen Zoom Faktor setzen Zoom Faktor lesen

35 Anwendungsfälle / Funktionen Desktop Notifications Benachrichtigung anzeigen Benachrichtigung Click Event

36 Anwendungsfälle / Funktionen Drucken Seite drucken Als PDF drucken

37 DEMO $ %

38 Deployment

39 Deployment APEX Client Extension Release erstellen Automatische Updates

40 Deployment APEX Client Extension Release erstellen In das Verzeichnis apex-client-extension wechseln macos Windows Linux

41 Deployment Automatische Updates Electron autoupdater (kein Linux Support à Package Manager) Web Server mit JSON File und Update Paket (nur SSL/TLS) Client Funktion um Update Server zu registrieren Update Check durchführen Update installieren

42 Literatur und Beispiele APEX Client Extension: Electron Homepage: Electron Github: Electron Docs: Electron API Docs: Node.js Homepage: Node.js Docs: Building Desktop Apps with Electron Article: Electron Fundamentals: Electron Workshop: Awesome Electron (Summery):

43 Q & A? '! ( dhochleitner@posteo.de )