Dieser Artikel erschien zuerst im zweimonatlich erscheinenden ORAWORLD e-magazine, einer Publikation der EOUC mit spannenden Geschichten aus der Oracle-Welt, technologischen Hintergrundartikeln und Einblicken in andere User Groups weltweit. |
Was ist dieses neue JavaScript UI?
Hier tritt das Oracle JavaScript Extension Toolkit bzw. Oracle JET, wie es genannt wird, auf den Plan. JET ist ein modulares Toolkit, das auf einer Sammlung an von Oracle beigesteuerten Open-Source-Libraries und Open-Source-Code basiert. Das Toolkit soll JavaScript-Entwicklern helfen, reine clientseitige Benutzeroberflächen zu erstellen, die mit Web-Diensten wie REST oder WebSocket arbeiten und interagieren können. Das Toolkit ist so aufgebaut, dass es bis zu einem beliebigen Grad genutzt werden kann. Es ist so wenig präskriptiv wie nur möglich.
Was JET für Entwickler neben einer Vielzahl an Sprachen neben JavaScript so ansprechend macht, ist die Tatsache, dass es rein clientseitig ist. Es ist nichts, das in die serverseitige Architektur eingebaut werden muss. Es erlaubt die vollständige Trennung zwischen Ansichten und Datenschichten.
Die Nachfrage nach Entwicklern, die sich in immer mehr Aspekten des Anwendungsstapels auskennen, scheint jährlich zu wachsen. Für Datenbank- und Java-Entwickler wird es entscheidend, sowohl die Client-Seite, als auch die traditionelle Server-Seite zu verstehen. Unabhängig davon, ob man für die Entwicklung von REST-Diensten zur Integration in einer Anwendung verantwortlich ist oder für die gesamte Anwendung; Man wird zwangsläufig etwas darüber wissen müssen, wie der JavaScript-Client geschrieben ist. Vielleicht ist es nur für Testzwecke relevant, aber höchstwahrscheinlich lässt es sich nicht vermeiden, irgendwann einmal wissen zu müssen, wie die Dinge im Browser funktionieren.
Wie schnell kann ich anfangen?
Oracle JET ist für den traditionellen JavaScript-Entwickler ausgelegt. Die Installation erfolgt über npm von Node.js und Erstellung und Bearbeitung von Projekten über die Kommandozeile (CLI). Vorlagen für den Einstieg werden mitgeliefert, damit so schnell wie möglich losgelegt werden kann. Die folgenden Schritte setzen voraus, dass Node.js und npm bereits auf dem System installiert sind.
Zur Installation und Erstellung der eigenen Anwendung mit Oracle JET öffnen Sie ein Terminal oder ein Eingabeaufforderungsfenster und führen diese Schritte aus:
Installieren Sie folgende Programmbibliotheken
npm install –g @oracle/ojet-cli
Wenn Sie die unterstützenden Programmbibliotheken installiert haben, können Sie Ihre erste Anwendung mit Oracle JET erstellen, indem Sie Folgendes eingeben:
ojet create <Anwendungsname> --template=navdrawer
Dadurch wird ein Unterverzeichnis mit dem von Ihnen angegebenen "Anwendungsnamen" erstellt. Anschließend werden unter Verwendung einer oder mehrerer "App Shells" als Vorlage alle erforderlichen Dateien für die Oracle-JET-Anwendung installiert und konfiguriert. In unserem Beispiel wird eine App Shell verwendet, die sowohl mit Desktop- und Mobil-Browsern funktioniert. Wenn alles ordnungsgemäß durchläuft und der Generator fertig ist, sehen Sie eine Anzeige, die der verlinkten Abbildung entspricht.
Der Anfang ist bei allen neuen Dingen etwas kniffelig. Bei Oracle JET können Sie eine einzigartige Funktion der JET-Website namens Cookbook verwenden. Die verlinkte Abbildung zeigt die Startseite für das Cookbook. Der Programmcode im Cookbook ist live. Sie können Änderungen am HTML, JavaScript oder CSS vornehmen und die Änderungen mit einem einfachen Klick auf die Schaltfläche "Apply" betrachten. Auf diese Weise können Sie die API und auch die vielen Optionen und unterschiedlichen UI-Komponenten bestens kennenlernen.
Wenn Sie bereit sind, Ihrem eigenen Code etwas hinzuzufügen, können Sie einfach das HTML und JavaScript in Ihre eigene Anwendung kopieren, es einfügen und Ihre Entwicklung fortsetzen.
Barrierefreiheit zählt
Es sollte auch darauf hingewiesen werden, dass die Komponenten von Oracle JET UI direkt die Web Content Accessibility Guidelines (WCAG) v2.0 der Priorität AA erfüllen. Das bedeutet vielleicht nicht viel für alle Entwickler, aber es sollte das Ziel aller Entwickler sein, Software zu schreiben, die von allen verwendet werden kann. Davon abgesehen, dass es richtig ist, sollte auch bedacht werden, dass viele Regierungen oder staatliche Unternehmen und auch viele Unternehmen weltweit Barrierefreiheit erfüllen müssen. Barrierefreiheit zählt. Hier erfahren Sie mehr dazu.
Alles sauber und ordentlich halten
Die Verzeichnisstruktur im verlinkten Bild ist typisch für JavaScript und CSS in den entsprechenden Ordnern /js und /css. Build-Skripte werden im separaten Ordner /scripts abgelegt. Der wesentliche Anwendungscode ist im Ordner /src abgelegt, sodass Sie den enthaltenen Quellcode vom plattformspezifischen Code trennen können. Die bei Oracle JET mitgelieferten Vorlagen für den Einstieg unterstützen mehrere Plattformen. Sie können eine Webanwendung oder eine mobile Hybrid-Anwendung aus der gleichen Quelle erstellen. Derzeit werden Android, iOS und Windows als mobile Plattformen unterstützt. Bei der Erstellung werden native Designs für die gewählte Plattform hinzugefügt, damit die Anwendungselemente und andere plattformspezifische Designs automatisch wie eine native App aussehen. Durch Änderung der Designs im Cookbook auf der Oracle-JET-Website können Sie eine Vielzahl dieser Funktionen in Aktion sehen.
Zusätzlich zu den zuvor erwähnten Funktionen zur Barrierefreiheit (die auch auf die mobilen Varianten übertragen werden) sind alle Komponenten der JET UI von Haus aus bereit für Berührungs- und Gestensteuerung. Touchscreens sind mittlerweile nicht nur auf Mobilgeräten zu finden. Wenn Sie einen Laptop mit Touchscreen haben, sind die JET-basierten Anwendungen bereit für Sie.
Interaktion von Daten
Oracle JET ist ein rein clientseitiges Toolkit. Dadurch ist die einzige Möglichkeit, mit Remote-Daten zu arbeiten oder zu interagieren über Webservices wie REST oder WebSocket. Für den Webservice-Aufruf können Sie jede beliebige Methode verwenden. Der übliche Weg sind jQuery AJAX oder getJSON-Methoden, aber Sie können auch einfache JavaScript XMLHttpRequest API-Aufrufe verwenden. Für komplexere Dateninteraktionen, wie für Anwendungen, die Daten der Typen Create, Read, Update und Delete (CRUD) erfordern, bietet JET ein vereinheitlichtes API-Modell, das die Arbeit mit verschiedenen Typen an Datenquellen erleichtert. Details zu diesem Modell können Sie im Abschnitt Framework des JET-Cookbooks nachlesen.
Oracle JET ist zwar bereits seit vier Jahren auf dem Markt, ist aber erst seit Februar 2016 für die Open-Source-Community verfügbar. Oracle hat JET als Basis für über 70 Prozent seiner neuen Cloud-Dienste verwendet. Sie können daher sicher sein, dass es sich gut skalieren lässt und die Anforderungen großer Unternehmensanwendungen erfüllt. Im unbeständigen Ökosystem von JavaScript ist es einzigartig, eine Technologie und Tools zu haben, auf die man sich verlassen kann, da Oracle selbst sie auch intern verwendet.
Mehr erfahren
JET ist am stärksten, wenn Sie das Konzept und die Idee hinter seiner Erstellung verstehen. Um dieses Verständnis zu bekommen, können Sie das Entwicklerhandbuch lesen oder die kostenlose Online-Schulung besuchen. Das sind zwei gute Ressourcen für Einsteiger und diejenigen, die einen etwas tieferen Blick in das Toolkit wagen möchten. Weitere Informationen auf der Oracle JET website: http://oraclejet.org
Sie interessieren sich für das Thema Oracle JET?
Dann kommen Sie doch zur DOAG 2018 Konferenz + Ausstellung. Auch hier wird das Thema in zahlreichen Vorträgen beleuchtet. Die Konferenz für Oracle-Anwender findet vom 20. bis 23. November in Nürnberg statt.
Weitere Infos und Anmeldung
