App entwickeln

Übersicht

Beim Entwickeln einer App führen Sie die folgenden Schritte aus:

1. Erstellen Sie eine App (siehe Abschnitt App erstellen).
2. Gestalten Sie Ihre App, indem Sie die erforderlichen Steuerelemente hinzufügen (siehe Digital-App-Builder-Schnittstelle).
3. Fügen Sie benötigte Services (Watson Chat, Watson Visual Recognition, Push-Benachrichtigungen, Dataset, Liveaktualisierung) zu Ihrer App hinzu.
4. Fügen Sie Plattformen hinzu bzw. modifizieren Sie diese (siehe Abschnitt Einstellungen > App-Details).
5. Sehen Sie sich eine Vorschau Ihrer App an (siehe App-Vorschau im Simulator).

6. Wenn Ihre Anwendung nach der Vorschau bereit ist und Sie alle ggf. vorhandenen Fehler korrigiert haben, führen Sie die folgenden Buildschritte aus:

   • Android-App:

     a. Navigieren Sie zu dem Verzeichnis, das Sie beim Erstellen der App angegeben haben.

     b. Navigieren Sie zum Ionic-Ordner.

     c. Navigieren Sie zu Plattform > Android.

     d. Öffnen Sie Android Studio und wählen Sie File > Open Project aus. Wählen Sie den in Schritt c angegebenen Android-Ordner aus.

     e. Erstellen Sie den Projektbuild.

     Hinweis: Führen Sie für die Veröffentlichung und Erstellung die Schritte im Lernprogramm https://developer.android.com/studio/publish/ aus.

   • iOS-App:

     a. Navigieren Sie zu dem Verzeichnis, das Sie beim Erstellen der App angegeben haben.

     b. Navigieren Sie zum Ionic-Ordner.

     c. Navigieren Sie zu “Plattform” > “iOS”.

     d. Öffnen Sie Xcode und erstellen Sie den Projektbuild.

     Hinweis: Führen Sie für die Veröffentlichung und Erstellung die Schritte im Lernprogramm https://developer.apple.com/ios/submit/ aus.

App-Vorschau

Sie können eine Vorschau der entwickelten App anzeigen. Stellen Sie dazu eine Verbindung zur Simulation mit dem ausgewählten Kanal her.

• Für eine Vorschau der App für iOS müssen Sie Xcode aus dem Apple App Store herunterladen und installieren.
• Gehen Sie für eine Vorschau der App für Android wie folgt vor:
  • Installieren Sie Android Studio und befolgen Sie die Anweisungen (https://developer.android.com/studio/).
  • Konfigurieren Sie eine virtuelle Android-Maschine. Diesbezügliche Anweisungen finden Sie hier.

Hinweis: Wählen Sie für eine schnelle Voranzeige Ihrer App die Option “Preview App” aus. Daraufhin wird ein neues Fenster geöffnet, in dem Ihre App ausgeführt wird. Sie können verschiedene Plattformmodelle festlegen und auch die Ausrichtung ändern. Die an der App vorgenommenen Änderungen werden live in diesem Vorschaufenster widergespiegelt.

Hinweis: Bei Auswahl von “File > Export” wird das Projekt im Codemodus exportiert. (Der App-Code wird in einem neuen Ordner gespeichert, sodass es keine Störung des Entwurfsmodus gibt.) Nach dem Export im Codemodus können Sie das exportierte Projekt nicht im Entwurfsmodus öffnen.