Cross-Platform App-Entwicklung

Cross-Platform App

Cross-Platform Apps werden mit einer einzigen Codebase entwickelt, die auf verschiedenen Betriebssystemen läuft. Sie nutzen Frameworks wie React Native oder Flutter, um auf die Funktionen und Designelemente des jeweiligen Betriebssystems zuzugreifen. Auf diese Frameworks gehen wir weiter unten noch einmal genauer ein.

Cross-Platform Apps liefern grundsätzlich eine gute Balance zwischen Entwicklungseffizienz und Leistung. Sie eignen sich besonders für Projekte, die schnell auf mehreren Plattformen verfügbar sein müssen, ohne dabei auf ein natives Look and Feel zu verzichten.

PWA

PWAs sind “Progressive Web Apps”, also Webanwendungen, die sich wie native Apps verhalten. Sie laufen im Browser, lassen sich aber auf dem Homescreen installieren und offline nutzen.

PWAs bieten eine plattformübergreifende Lösung mit geringem Entwicklungsaufwand. Sie bieten eine breite Zugänglichkeit, ohne dass User aber eine App aus einem Store herunterladen müssen.

Native App

Native Apps werden speziell für ein bestimmtes Betriebssystem (iOS oder Android) entwickelt. Sie nutzen die plattformspezifischen Programmiersprachen und SDKs. Native Apps bieten die beste Performance und können alle Funktionen des Geräts optimal nutzen.

Sie sind die erste Wahl für Apps, die eine maximale Leistung und eine tiefe Integration ins Betriebssystem haben sollen. Außerdem können neue Funktionen des Betriebssystems sofort genutzt werden. Bei Cross-Platform Apps kann das manchmal etwas länger dauern. Der Nachteil ist bei nativen Apps, dass für jedes Betriebssystem eine eigene Entwicklung stattfinden muss.

Hybride App

Hybride Apps kombinieren Elemente von nativen und Web-Apps. Sie basieren auf Webtechnologien wie HTML, CSS und JavaScript und sind in einen nativen Container eingebettet.

Hybride Apps lassen sich vergleichsweise schnell erstellen und über verschiedene Plattformen verteilen. Sie sind gut für Projekte mit begrenztem Budget geeignet, die trotzdem im App-Store verfügbar sein sollen.

Flutter

• Programmiersprache: Dart
• App-Beispiele: Google Pay, eBay, BMW, Alibaba
  
  Flutter hat sich als eines der führenden Cross-Platform-Frameworks etabliert. Seit seiner Veröffentlichung durch Google im Jahr 2017 hat es in der Entwicklergemeinschaft schnell an Beliebtheit gewonnen. Mit Flutter kannst du für iOS und Android entwickeln sowie für Web, Desktop und eingebettete Systeme.
  
  Dart ist dabei eine von Google entwickelte Programmiersprache, die einfach zu erlernen und gleichzeitig leistungsstark ist. Mit ihr können Entwickler schnell und effizient Apps erstellen, die sich anfühlen, als wären sie nativ entwickelt worden.
  
  Flutter gilt außerdem als äußerst kosteneffizient. Das macht es besonders attraktiv für Start-ups und Unternehmen, die schnell auf den Markt kommen wollen. Als Framework glänzt es vor allem bei der Entwicklung mobiler Apps. Mit der Hot-Reload-Funktion können Entwickler Änderungen sofort sehen, ohne die App neu zu kompilieren. Das beschleunigt den Entwicklungsprozess enorm und fördert experimentelles und kreatives Arbeiten.
  
  Dazu kommt eine große Auswahl an Ressourcen und Werkzeugen, die für Flutter verfügbar sind. Mit vielen vorgefertigten Widgets und einer aktiven Community findest du für fast jedes Problem eine Lösung.
  
  

React Native

• Programmiersprache: JavaScript
• App-Beispiele: Facebook, Instagram, Skype
  
  React Native ist ein leistungsstarkes Cross-Platform-Framework, entwickelt von Meta Inc. (ehemals Facebook). Mit JavaScript als Basis lassen sich mobile Apps für iOS und Android mit einer gemeinsamen Codebasis erstellen. Das Framework geht aber noch einen Schritt weiter und macht auch die Entwicklung von TV- und Windows-Apps möglich.
  
  React Native kommt nicht nur bei neuen Projekten zum Einsatz, sondern lässt sich auch problemlos in bestehende Android- oder iOS-Projekte integrieren.
  
  Eine große, aktive Community trägt ständig zur Verbesserung und Erweiterung des Open-Source-Frameworks bei. Für Entwickler bedeutet das, Zugang zu einer Fülle von Ressourcen, Bibliotheken und Lösungen für gängige Probleme zu haben.
  
  React Native folgt der Philosophie "Learn once, write anywhere". Entwickler, die bereits mit React für Webentwicklung vertraut sind, können sich schnell in React Native einarbeiten.
  
  Bei sehr komplexen, plattformspezifischen Funktionen kann es manchmal nötig sein, nativen Code zu schreiben. Allerdings bietet React Native gute Möglichkeiten, solchen nativen Code nahtlos einzubinden.
  
  

Ionic

• Programmiersprache: JavaScript
• App-Beispiele: EA Games, T-Mobile
  
  Ionic ist ein vielseitiges Cross-Platform-Framework, das auf JavaScript basiert und sich besonders durch seinen Fokus auf die Benutzeroberfläche auszeichnet. Mit Ionic lassen sich Apps für iOS, Android und das Web entwickeln, wobei das Framework auf einem speziell für mobile Betriebssysteme konzipierten SaaS-UI-Framework aufbaut.
  
  Was Ionic von anderen Frameworks abhebt, ist sein Ansatz, Web-Technologien für die App-Entwicklung zu nutzen. Entwickler können mit vertrauten Technologien wie HTML, CSS und JavaScript arbeiten. Das erleichtert den Einstieg besonders für Web-Entwickler. Ionic setzt dabei auf Angular als Basis, unterstützt aber auch React und Vue.js.
  
  Das Framework bietet eine umfangreiche Sammlung vorgefertigter UI-Komponenten. Diese sind speziell für mobile Geräte optimiert und passen sich automatisch an das jeweilige Betriebssystem an. So können Entwickler schnell ansprechende und native aussehende Apps erstellen, ohne sich um plattformspezifische Designdetails kümmern zu müssen.
  
  Ionic glänzt besonders bei der Entwicklung von Hybrid-Apps und Progressive Web Apps (PWAs). Es bietet auch Entwicklerwerkzeuge, darunter Ionic DevApp, mit denen Entwickler Apps direkt auf ihren Geräten testen können, ohne sie manuell zu kompilieren und zu installieren.
  
  

Titanium SDK

• Programmiersprache: JavaScript
• App-Beispiele: Kitchen Sink 2.0, Todo List, Geocoder
  
  Titanium SDK ist ein Open-Source-Framework für die Cross-Platform-Entwicklung. Mit JavaScript als Basis lassen sich Apps für iOS und Android erstellen.
  
  Ein Hauptmerkmal von Titanium SDK ist seine Fähigkeit, echte native UI-Elemente zu generieren. Anders als bei einigen anderen Frameworks, die Web-Views nutzen, erzeugt Titanium SDK tatsächlich plattformspezifische Komponenten. Das Ergebnis sind Apps, die sich wie native Anwendungen anfühlen und deren Performance mit nativen Apps vergleichbar ist.
  
  Viele Entwickler schätzen an Titanium SDK besonders die umfangreiche API-Bibliothek. Sie deckt allerlei Funktionen ab, von der Kamera über Sensoren am Gerät bis hin zu Animationen. So lassen sich auch ohne plattformspezifischen Code anspruchsvolle Apps entwickeln.
  
  

NativeScript

• Programmiersprache: JavaScript, TypeScript
• App-Beispiele: ActiveLook, Breethe
  
  NativeScript, erstmals 2014 veröffentlicht, ist ein Open-Source-Framework für die Entwicklung von Cross-Platform-Apps. Mit NativeScript lassen sich native mobile Anwendungen für iOS und Android unter Verwendung von JavaScript oder TypeScript erstellen.
  
  Das Framework zeichnet sich besonders durch seinen direkten Zugriff auf native APIs aus. So lassen sich hochperformante Apps mit nativem Look and Feel erstellen, während man gleichzeitig die Vorteile der Cross-Platform-Entwicklung nutzt.
  
  NativeScript unterstützt populäre JavaScript-Frameworks wie Angular, Vue.js und seit Kurzem auch React. Es bietet sich also für Entwickler an, die bereits Erfahrung mit diesen Frameworks haben und ihre Fähigkeiten auf die mobile App-Entwicklung übertragen möchten.
  
  Das Framework wird vor allem von kleineren Unternehmen und Start-ups geschätzt. Die Lernkurve ist relativ flach für Entwickler mit JavaScript-Kenntnissen, es ist also eine gute Wahl für Teams mit begrenzten Ressourcen. Trotzdem ist NativeScript leistungsfähig genug, um auch komplexe Anwendungen zu erstellen.
  
  

Xamarin

• Programmiersprache: C#
• App-Beispiel: Alaska Airlines
  
  Ursprünglich als Start-up gegründet, wurde Xamarin 2016 von Microsoft übernommen und in dessen Entwicklerplattform integriert. Mit Xamarin lassen sich native Apps für iOS, Android und Windows entwickeln, wobei ein Großteil des Codes plattformübergreifend wiederverwendet werden kann.
  
  Xamarin ist auf .NET aufgebaut. Es stellt eine Reihe von Tools und Bibliotheken zur Verfügung, die die Entwicklung verschiedener Anwendungstypen unterstützen, von Unternehmensanwendungen über IoT-Lösungen bis hin zu Augmented Reality-Apps.
  
  Entwickler können auf spezifische APIs und Funktionen von iOS, Android und Windows zugreifen. Das führt zu Apps, die sich in Aussehen und Verhalten kaum von nativen Anwendungen unterscheiden.
  
  Xamarin wird aktuell jedoch nicht mehr weiterentwickelt und wird durch .NET MAUI ersetzt.
  
  

.NET MAUI

• Programmiersprache: C#, XAML
• App-Beispiel: NBC Sports Next
  
  .NET MAUI (Multi-Platform App UI) ist die neueste Entwicklung im Bereich der Cross-Platform-Frameworks von Microsoft. Als direkte Weiterentwicklung von Xamarin.Forms bietet MAUI eine Lösung für die Entwicklung von Apps für iOS, Android, macOS und Windows.
  
  Das Framework nutzt C# als Hauptprogrammiersprache und XAML für das UI-Design Entwickler, die bereits mit Xamarin oder anderen .NET-Technologien vertraut sind, finden sich in MAUI schnell zurecht.
  
  Es bietet plattformübergreifende APIs für den Zugriff auf native Gerätefunktionen, unabhängig von der Zielplattform. Dazu gehören etwa GPS, Beschleunigungssensor, Batterie- oder Netzwerkstatus.
  
  MAUI bringt einige bedeutende Verbesserungen gegenüber Xamarin mit sich, beispielsweise eine vereinfachte Projektstruktur, verbesserte Performance und eine engere Integration mit dem .NET-Ökosystem. Obwohl das Framework noch vergleichsweise neu ist, wächst die aktive Community stetig.
  
  

Kotlin Multiplatform

• Programmiersprache: Kotlin
• App-Beispiele: Netflix, McDonald’s, Forbes
  
  Kotlin Multiplatform ist ein innovativer Ansatz in der Cross-Platform-Entwicklung, der von JetBrains, den Schöpfern der Programmiersprache Kotlin, entwickelt wurde. Ein Großteil des Codes kann über verschiedene Plattformen hinweg wiederverwendet werden, einschließlich Android, iOS, Web, Desktop und Server-Anwendungen.
  
  Kotlin als Programmiersprache bietet Features wie Null-Safety, Funktionen höherer Ordnung und eine ausdrucksstarke Syntax. Zudem ist Kotlin vollständig interoperabel mit Java.
  
  Es können plattformübergreifende Bibliotheken erstellt und gemeinsame Funktionalitäten in wiederverwendbaren Modulen gekapselt werden.
  
  Das Framework unterstützt auch die graduelle Einführung in bestehende Projekte. Teams können Kotlin Multiplatform schrittweise in ihre Entwicklungsprozesse integrieren, ohne bestehende Codebases komplett umschreiben zu müssen. Darüber hinaus müssen Android-Entwickler nichts Neues lernen, um eine Cross-Platform App zu entwickeln.

Führe eine gründliche Anforderungsanalyse durch. Definiere klar, was deine App leisten soll und welche technischen Anforderungen sie hat.


Erstelle Proof-of-Concept-Projekte mit den Top-Kandidaten unter den Frameworks. Das hilft dir dabei, die Anwendbarkeit in der Praxis besser zu beurteilen.


Hole Feedback von deinem Entwicklungsteam ein. Die Akzeptanz und Expertise des Teams sind entscheidend für den Erfolg.


Berücksichtige deine langfristige Strategie. Wähle ein Framework, das nicht nur aktuelle Bedürfnisse erfüllt, sondern auch zukünftiges Wachstum unterstützt.


Schau dir die Community-Beiträge und den Support für jedes Framework an. Eine aktive Community und guter Herstellersupport sind bei der Problemlösung äußerst wertvoll