Avoid Network-Issues and Polling

Avoid Network Issues
and Polling with
WebSockets!
Kai Donato
Jun 29, 2016 | Kscope16

2
Facts & Figures
Independent Technology House
with Cross-Industry Expertise
Headquarter
Ratingen
(North Rhine – Westphalia)
180
Employees
Founded
1994
Branches
Dortmund, Cologne,
Frankfurt
Top Company
for Trainees &
Students
Privately-
Owned
Corporation
Oracle
Platinum
Partner
24 Mio. Euro
Revenue

3
• Kai Donato
• Working for MT AG since JAN-2014
• Consultant for APEX Development
• DOAG – Responsible for Topics regarding
JavaScript and HTML5
• More than 10 years in Web Development
• IT-specialist for system integration
• UNIX-Server and Network-Administration
Twitter: https://twitter.com/_KaiDonato
LinkedIn: https://de.linkedin.com/in/KaiDonato
Über mich

• What are WebSockets?
• Why WebSockets?
• Where are WebSockets used already?
• Use Cases
• Conclusion
4
Agenda

• The best choice for Realtime Applications
• A persistent Connection between Server and Client
• Server-side and client-side implementation
• Node.js, Java, Ruby, Python, Erlang, C++, .NET
• Bidirectional data transfers – even initiated by the server!
6
Was sind WebSockets?
I‘ve got
something
for you!

Polling vs. WebSockets
7
© http://streamdata.io/wp-content/uploads/2015/09/Capture-d’écran-2015-09-09-à-14.10.25.png?0bd31a

• The developer is able to break out the “Request & Response“-Scheme
• It is possible integrate this technology as a microservice
• WebSockets can be a reliable alternative to Polling operations
• Now compatible with all* browsers
9
Why WebSockets?

• Many users used to be notified when something happens
• Push on mobile devices
• Notifications on their Desktop-PC („You‘ve got mail!“)
• In many cases a server-side initiated data transfers can reduce
unnecessary server load
10
Why WebSockets?

Where are WebSockets
used already?

• Social Networks
• Chat-Applications (Olark usw.)
• Newsticker
• Collaboration Tools
12
Where are WebSockets used already?

14
Where are WebSockets used already?
• Realtime Twitter Visualization on the
APEXconnect 2016 in Berlin

• Ablösung von Polling
15
Praktische Anwendungsfälle
APEX-Instanz Datenbank
HTTP(S)-Anfrage (Port 80/443) Lesen und Schreiben von Daten
(APEX-Standard-Port)
APEX-Instanz
NodeJS-instanz
Datenbank
HTTP(S)-Anfrage (Port 80/443)
Eintrag von Daten in die Datenbank
(APEX-Standard-Port)
Trigger um die Benachrichtigung vorzunehmen
(beliebiger interner Port)
WebSocket-Port mit ständiger Verbindung(bspw. Port 1337)
Benachrichtigungen vom Server ausgehend zum Client

• Chat-Anwendungen
16

• Chat-Anwendungen
• Collaboration
• Newsfeeds
17

Collaboration with
APEX and
WebSockets

21
WebSocket my APEX!
• Clients (WebSocket-Client):
• Registering on every Page Load
• Receiving information about every change of other clients
in realtime
• Server (Node.js – WebSocket-Provider)
• Collecting User-Information for distributing to all clients
• Examining if the current page is locked for the requesting
user

• Lightweight (minimal hardware requirements)
• Easily extendable (about 290000 Packages available on npmjs.org)
• Runs on all platforms
• Non-Blocking
• Just a few lines of code needed to create a webserver
24
NodeJS as WebSocket-Provider

• PM2 als Prozessmanagement
• Ca. 140 Zeilen Code für:
• Aufbau eines WebSocket-Servers (inkl. SSL)
• Verwaltung aktiver Clients (Connect und Disconnect)
• Entgegennehmen von Verarbeiten von Nachrichten
• Benachrichtigen aller oder gezielter Clients
25
NodeJS als WebSocket-Provider

26
APEX als Front-End
• APEX-Applikation mit Universal Theme
• Dynamic Action zum initialisieren des
WebSockets (on Page Load)

27
1. Benutzer KAI.DONATO@MT-AG.COM meldet
sich an und wechselt auf die
Datensatzbearbeitung (Seite 4)
2. Benutzer DEMOUSER2 meldet sich auf der
Home-Seite (Seite 1) an
3. Benutzer DEMOUSER2 wechselt auf die
Datensatzbearbeitung (Seite 4)

• WebSockets sind zwar weitestgehend unterstützt, jedoch muss immer eine
Fallback-Funktion mit eingeplant werden.
• Mobile Geräte müssen mit besonderer Vorsicht behandelt werden
(Zellenwechsel)
• SSL -> ganz oder gar nicht! „Mischkulturen“ werden von Browsern nicht
akzeptiert
• Für WebSocket-Verbindungen müssen zusätzliche Ports freigegeben werden
• Bei Verbindungen über Proxys müssen WebSockets berücksichtigt werden
29
Vorsicht!
👀👀

• Selektive Benachrichtigungen über Statusänderungen (weniger Overhead)
• Einbeziehen von mehr als einem Bearbeiter (Mit direktem Chat?)
• Direkte Übermittlung von Eingaben über die WebSocket-Verbindung
• Hervorheben einzelner Bereiche für Hinweise an den Kollegen
• Erkennung von „Idle“ - Status - Der Bearbeiter ist gerade nicht aktiv
• Anbindung des Node.js-Servers an die Datenbank für Logging und weitere
Funktionalitäten
• ...
30
Mögliche Erweiterungen
💪

• Echtzeitanwendungen profitieren von WebSockets
• Ein guter Ersatz für Polling
• Mittlerweile nicht mehr nur „experimentell“
31
Fazit

32
One Last Thing...
• WebSocket-Plugin für APEX 5
• Coming next month...

33
Vorträge der MT AG
Dienstag, 26. April Mittwoch, 27. April Donnerstag, 28. April
14.00 Uhr | Music Hall 1
Echtzeitvisualisierung von Twitter und Co.
| Kai Donato & Oliver Lemm
12.00 Uhr | Soul
14.00 Uhr | Jazz 1
Universal Theme vs. APEX mobile vs.
MAF
| Davide Groppuso & Steven Grzbielok
WebSocket my APEX!
| Kai Donato
Single Sign-On für alle!
| Niels de Bruijn
Workshop: Einstieg in die aktuelle Version
von Oracle Application Express
| Oliver Lemm
Wie versioniere ich in APEX?
| Oliver Lemm
Interactive Reports Downloads Reloaded
| Moritz Klein
Zeitreisen mit PL/SQL
| Daniel Dyla
APEX for mobile only. Gewusst wie!
| Alexej Schneider

34
Thank you!
@_KaiDonato
https://de.linkedin.com/in/KaiDonato

Avoid Network-Issues and Polling

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (19)

Ähnlich wie Avoid Network-Issues and Polling

Ähnlich wie Avoid Network-Issues and Polling (20)

Mehr von Kai Donato

Mehr von Kai Donato (9)

Avoid Network-Issues and Polling