Rapid Response UI mit WebSockets

Transkript

1 Spotlight Rapid Response UI mit WebSockets Enno Schulte Consultant OPITZ CONSULTING Deutschland GmbH E- Mail: consuljng.com +++ BiNe wählen Sie sich in die Telefonkonferenz entweder mit 0800/ oder aus dem Mobilfunknetz mit 069/ ein. Anschließend geben Sie die Konferenz- ID: mit dem Sicherheitscode: ein!!! +++

2 Rapid Response UI mit Websockets und ADF Enno Schulte Consultant OPITZ CONSULTING GmbH ADF Spotlight, OPITZ CONSULTING GmbH 2013 Seite 2

3 Agenda 1. Problemstellung HTTP 2. Was ist WebSocket 3. Unterschied zu Active Data Service 4. Beispiel OPITZ CONSULTING GmbH 2013 Seite 3

4 1 Problemstellung HTTP OPITZ CONSULTING GmbH 2013 Seite 4

5 Request - Response n Keine Möglichkeit serverseitig eine Nachricht an den Client zu initiieren n Deshalb häufig Probleme die UI zu aktualisieren 1 Registrierung Zeit Server Nutzername joe Passwort Senden Click Client Request 1 Wait Refresh Registrierung Nutzername bereits verwendet Nutzername joe_black 4 Response 1 Serverarbeitung xxxx Passwortbestätigung xxxx Passwort xxxx Passwortbestätigung xxxx Senden Click Request 2 Wait Serververarbeitung Registrierung Nutzer erfolgreich registriert Weiter Refresh Click Quelle: A. Schill und T. Springer. Verteilte Systeme: Grundlagen und Basistechnologien Response 2 OPITZ CONSULTING GmbH 2013 Seite 5

6 Bisherige Lösung n Im Web haben sich diverse Konzepte aus XmlHttpRequests und JavaScript (AJAX) entwickelt n Dabei werden im Hintergrund Requests an den Server gesendet (Polling) n Dazu mehr bei Active Data Services OPITZ CONSULTING GmbH 2013 Seite 6

7 2 Was ist WebSocket OPITZ CONSULTING GmbH 2013 Seite 7

8 Fakten zu WebSocket n Entworfen für bidirektionale Verbindungen (HTML5) n Server muss nicht auf die Anfrage eines Clients warten n Verschlüsselt oder unverschlüsselt (ws/wss) n HTTP Anfrage an Server! Upgrade auf Websocket GET /chat HTTP/1.1 Host: server.example.com Upgrade: websocket Connection: Upgrade Sec-WebSocket-Key: dghlihnhbxbszsbub25jzq== Origin: Sec-WebSocket-Protocol: chat, superchat Sec-WebSocket-Version: 13 OPITZ CONSULTING GmbH 2013 Seite 8

9 WebSocket Nachteil n Neues Protokoll! evtl. Sicherheitslücken n Wird noch nicht überall unterstützt OPITZ CONSULTING GmbH 2013 Seite 9

10 3 Unterschied zu Active Data Service OPITZ CONSULTING GmbH 2013 Seite 10

11 Active Data Service <?xml version="1.0" encoding="utf-8"?> <adf-config xmlns=" xmlns:ads=" <ads:adf-activedata-config xmlns= " <transport>streaming</transport> <latency-threshold>5000</latency-threshold> <keep-alive-interval>10000</keep-alive-interval> <max-reconnect-attempt-time>90000</max-reconnect-attempt-time> <reconnect-wait-time>8000</reconnect-wait-time> </ads:adf-activedata-config> </adf-config> n Polling / Long Polling / Streaming n Keep-Alive-Interval OPITZ CONSULTING GmbH 2013 Seite 11

12 Long Polling n Client öffnet XmlHttpRequest n Server wartet mit Response bis zu einem Event oder bis zum Timeout n Verbindung wird geschlossen n Client öffnet sofort erneut einen Request OPITZ CONSULTING GmbH 2013 Seite 12

13 Long Polling PureAjax_pubsub_clients.html OPITZ CONSULTING GmbH 2013 Seite 13

14 Streaming n Wirklich Asynchron n iframe für die Kommunikation n Probleme mit Proxys und Firewalls OPITZ CONSULTING GmbH 2013 Seite 14

15 Streaming PureAjax_pubsub_clients.html OPITZ CONSULTING GmbH 2013 Seite 15

16 4 Beispiel mit WebSockets OPITZ CONSULTING GmbH 2013 Seite 16

17 Websockets in ADF Projekt verwenden n Erfordert Glassfish 4 oder Weblogic 12 n Weblogic 12.1 API in Library des ViewController-Projektes hinzufügen OPITZ CONSULTING GmbH 2013 Seite 17

18 Aufbau des Beispiels Java Script connection Message Websocket Page Anwendung Komponente ppr Bean OPITZ CONSULTING GmbH 2013 Seite 18

19 Fragen und Antworten OPITZ CONSULTING GmbH 2013 Seite 19

20 Kontakt Enno Schulte Consultant OPITZ CONSULTING GmbH Kirchstr Gummersbach Tel. +49 (2261) tom.gansor@opitz-consulting.com slideshare.net/opitzconsulting xing.com/net/opitzconsulting OPITZ CONSULTING GmbH 2013 Seite 20

21 Spotlight - Projekte & Referenzen - ADF, Forms und.net in einer Mobile Scanner App bei Volkswagen von M. Serban (Pitss) +++ BiNe wählen Sie sich in die Telefonkonferenz entweder mit 0800/ oder aus dem Mobilfunknetz mit 069/ ein. Anschließend geben Sie die Konferenz- ID: mit dem Sicherheitscode: ein!!! +++