Bessere Ionic Apps mit Ionic Pro und der DevApp

Bessere Ionic Apps mit Ionic Pro und der DevApp

Bessere Ionic Apps mit Ionic Pro und der DevApp

Nach einer aktuellen Umfrage vom Ionic Team, entwickeln 94,3% aller Entwicklerfür Android und 83,2% für iOS. Tablets und Progressive Web Apps (PWA) folgen in der Liste nicht weit hinter dieser beiden Schwergewichten.

Hybrid Apps mit Ionic und Angular zeichnen sich durch ihre schnellen Entwicklungszyklen aus und das einfache Testing im Web-Browser.Um eine Android oder iOS App auf einem Gerät seiner Wahl testen zu wollen, benötigt es aber die offiziellen SDKs (Xcode, Android Studio).Das kann manchmal ganz schön aufwändig sein und die Konfiguration komplex. Zumal für die iOS Version dann immer ein Mac mit Xcode benötigt wird.

Glücklicherweise hat Ionic Ende 2017 die Ionic DevApp vorgestellt

Was ist die Ionic Dev App?

Die Ionic DevApp ist eine iOS/Android App, welche eine Menge an vorinstallierten nativen Cordova Plugins mitbringt und Ionic Appsüber das lokale Netzwerk ausführen kann. Das macht es umso einfacher, native Funktionaliäten zu testen. ohne jedes mal den iOS oder Android Build Prozess zu durchlaufen (ionic cordova run android)

Durch das ausführen von ionic serve auf dem Entwicklungsrechner, erkennt die DevApp lokal gestartete Apps (UDP Discovery) und führt diese aus.

Ionic DevApp Schritt für Schritt

Für die Ionic DevApp wird die aktuellste Version der Ionic CLI benötigt

npm install -g ionic

Lade die aktuelle Ionic DevApp (iOS / Android) auf dein Gerät.

Stelle sicher das Smartphone oder Tablet im selben Netzwerk wie der Entwicklungsrechner sind.

  • Öffne die DevApp auf dem Smartphone oder Tablet
  • Führe ìonic serve` auf dem Entwicklungsrechner aus
  • Die gestartete App sollte nun in der DevApp angezeigt werden
  • Mit einem Klick auf den Namen der App startet die App mit native plugin Support und live reload! ?

Ionic auf dem Entwicklungsrechner

Ionic DevApp auf iOS

Fazit

Die Ionic DevApp kann natürlich auch auf mehrere Geräten (Android/iOS) gleichzeitig gestartet werden. So wirddas testen von nativen Funktionalitäten zum Kinderspiel! ?

Für das Nutzen der DevApp ist nur ein Ionic Account nötig. Und dieser ist kostenlos! ??

Mehr Informationen zu Mobile App Entwicklung

Einheitliche Codebasis und plattformübergreifende Entwicklung, das gehört für Orlyapps einfach zusammen. Denn genau das macht Ihre App flexibel und pflegeleicht, egal für welches Endgerät. Oder gleich mehrere.