© DrHitch/Shutterstock.com
Shortcuts
Cross-Platform-Entwicklung mit Tabris.js

2 Tabris.js

Tabris.js [7] ist ein Framework zur Entwicklung mobiler Apps in JavaScript bzw. TypeScript. Mit Tabris.js können Sie native Apps für iOS und Android aus einer einzigen Codebasis entwickeln.

Veikko Krypczyk, Elena Bochkor


Der Code wird vollständig in JavaScript bzw. alternativ in TypeScript geschrieben. Tabris.js ermöglicht die Leistung von nativen Apps und ein User Interface, das sich am Zielsystem orientiert. Damit ist sogleich eine wichtige technische Eigenschaft verbunden: Tabris.js verwendet keine WebView-Container zum Rendern der Benutzeroberfläche. Stattdessen werden native Widgets aus JavaScript auf der mobilen Plattform eingesetzt. Für die Entwicklung können Sie vorhandene JavaScript-Bibliotheken und Cordova-Plug-ins integrieren. Tabris.js implementiert viele APIs für Webanwendungen, zum Beispiel das XMLHttpRequest oder das 2D Canvas API.Die Architektur einer auf Tabris.js basierenden App ist in Abbildung 2.1 [8] dargestellt. Die Entwicklung basiert auf einem direkten Deployment der App auf das Endgerät, zum Beispiel auf ein iPhone, ein iPad oder ein Android-Smartphone. Wie Sie dabei vorgehen und wie die Entwicklungs-, Test- und Build-Umgebung eingerichtet wird, das lesen Sie jetzt.2.1 EntwicklungsansatzDie Entwicklung einer App für iOS und/oder Android beruht auf dem Zusammenspiel von mehreren Komponenten. Dazu gehören das Tabris.js-Framework, die Developer-App (auf dem Zielgerät) und der Online-Playground.2.1.1 Developer-AppFür die Entwicklung benötigen Sie ein mobiles Gerät. Laden Sie aus Googles Play bzw. Apples App Store die App Tabris.js Version 3 auf Ihr Gerät. Sie steht kostenfrei zur Verfügung. Einen Eindruck vom Aussehen der App vermittelt Abbildung 2.2. Die Developer-App von Tabris.js bietet eine Reihe von Funktionen und ist der Mittelpunkt bei der Entwicklung und dem Testen der eigenen App. Sie finden Snippets von typischen Aufgaben einer App, wie zum Beispiel eine Liste, eine 2D-Zeichenfläche, eine Bildergallerie und einiges mehr. Probieren Sie diese Beispiele aus. Tipp zur Bedienung der Developer-App von Tabris.js Um ein Beispiel wieder zu verlassen, öffnen Sie die Developerkonsole in der Tabris.js-App auf Ihrem Smartphone. Wischen Sie dazu das aktuelle Fenster nach links, ausgehend vom rechten Rand. In der Developerkonsole finden Sie einen Home-Button, der zurück zu den Optionen führt. Um ein Beispiel wieder zu verlassen, öffnen Sie die Developerkonsole in der Tabris.js-App auf Ihrem Smartphone. Wischen Sie dazu das aktuelle Fenster nach links, ausgehend vom rechten Rand. In der Developerkonsole finden Sie einen Home-Button, der zurück zu den Optionen führt.2.1.2 Online-PlaygroundGehen Sie entweder direkt auf https://pl...

Shortcuts
Cross-Platform-Entwicklung mit Tabris.js

2 Tabris.js

Tabris.js [7] ist ein Framework zur Entwicklung mobiler Apps in JavaScript bzw. TypeScript. Mit Tabris.js können Sie native Apps für iOS und Android aus einer einzigen Codebasis entwickeln.

Veikko Krypczyk, Elena Bochkor


Der Code wird vollständig in JavaScript bzw. alternativ in TypeScript geschrieben. Tabris.js ermöglicht die Leistung von nativen Apps und ein User Interface, das sich am Zielsystem orientiert. Damit ist sogleich eine wichtige technische Eigenschaft verbunden: Tabris.js verwendet keine WebView-Container zum Rendern der Benutzeroberfläche. Stattdessen werden native Widgets aus JavaScript auf der mobilen Plattform eingesetzt. Für die Entwicklung können Sie vorhandene JavaScript-Bibliotheken und Cordova-Plug-ins integrieren. Tabris.js implementiert viele APIs für Webanwendungen, zum Beispiel das XMLHttpRequest oder das 2D Canvas API.Die Architektur einer auf Tabris.js basierenden App ist in Abbildung 2.1 [8] dargestellt. Die Entwicklung basiert auf einem direkten Deployment der App auf das Endgerät, zum Beispiel auf ein iPhone, ein iPad oder ein Android-Smartphone. Wie Sie dabei vorgehen und wie die Entwicklungs-, Test- und Build-Umgebung eingerichtet wird, das lesen Sie jetzt.2.1 EntwicklungsansatzDie Entwicklung einer App für iOS und/oder Android beruht auf dem Zusammenspiel von mehreren Komponenten. Dazu gehören das Tabris.js-Framework, die Developer-App (auf dem Zielgerät) und der Online-Playground.2.1.1 Developer-AppFür die Entwicklung benötigen Sie ein mobiles Gerät. Laden Sie aus Googles Play bzw. Apples App Store die App Tabris.js Version 3 auf Ihr Gerät. Sie steht kostenfrei zur Verfügung. Einen Eindruck vom Aussehen der App vermittelt Abbildung 2.2. Die Developer-App von Tabris.js bietet eine Reihe von Funktionen und ist der Mittelpunkt bei der Entwicklung und dem Testen der eigenen App. Sie finden Snippets von typischen Aufgaben einer App, wie zum Beispiel eine Liste, eine 2D-Zeichenfläche, eine Bildergallerie und einiges mehr. Probieren Sie diese Beispiele aus. Tipp zur Bedienung der Developer-App von Tabris.js Um ein Beispiel wieder zu verlassen, öffnen Sie die Developerkonsole in der Tabris.js-App auf Ihrem Smartphone. Wischen Sie dazu das aktuelle Fenster nach links, ausgehend vom rechten Rand. In der Developerkonsole finden Sie einen Home-Button, der zurück zu den Optionen führt. Um ein Beispiel wieder zu verlassen, öffnen Sie die Developerkonsole in der Tabris.js-App auf Ihrem Smartphone. Wischen Sie dazu das aktuelle Fenster nach links, ausgehend vom rechten Rand. In der Developerkonsole finden Sie einen Home-Button, der zurück zu den Optionen führt.2.1.2 Online-PlaygroundGehen Sie entweder direkt auf https://pl...

Neugierig geworden?


    
Loading...

Angebote für Teams

Für Firmen haben wir individuelle Teamlizenzen. Wir erstellen Ihnen gerne ein passendes Angebot.

Das Library-Modell:
IP-Zugang

Das Company-Modell:
Domain-Zugang