Zum Inhalt

Preview-App verwandeln

Mit der appack Preview-App können Sie Ihr App-Projekt bereits während der Entwicklungsphase auf einem Smartphone ansehen und testen.

Im Preview-Modus verwandelt sich die appack App auf Ihrem Gerät in die Vorschau Ihrer eigenen App. So können Sie prüfen, ob Inhalte, Module, Navigation und Darstellung wie gewünscht funktionieren, bevor die App im App Store oder Google Play Store veröffentlicht wird.

Typische Anwendungsfälle

Nutzen Sie die Preview-App insbesondere, um:

  • Inhalte und Seiten in der App-Ansicht zu prüfen
  • Module und Funktionen zu testen
  • Navigation und Menüstruktur zu kontrollieren
  • Änderungen aus dem CMS auf dem Smartphone nachzuvollziehen
  • die App vor der Veröffentlichung intern abzustimmen

Hinweis: Die Preview-App ersetzt nicht die spätere veröffentlichte App aus dem App Store oder Google Play Store. Sie dient zur Vorschau und zum Testen während der Projektphase.

Was Sie benötigen

Für die Einrichtung benötigen Sie:

  • die installierte appack App auf Ihrem Smartphone
  • den Login-Code aus dem gewünschten App-Projekt im CMS

Der Login-Code verbindet die appack App auf Ihrem Smartphone mit Ihrem App-Projekt und startet den Preview-Modus.

Hinweis zur Gerätenutzung: Pro CMS-Admin-Account kann die Preview-App nur auf einem Gerät gleichzeitig in die eigene App verwandelt werden. Wird die Preview-App mit demselben CMS-Admin-Account auf einem anderen Gerät eingerichtet, wird sie auf dem zuvor verbundenen Gerät automatisch wieder in den Ursprungszustand zurückgesetzt.

Preview-App einrichten

1. Im appack-CMS-Portal anmelden

Melden Sie sich zunächst im appack-CMS-Portal an:

https://cms.appack.de

Nach der Anmeldung befinden Sie sich in Ihrem App-Projekt.

Hinweis: Falls Sie Zugriff auf mehrere App-Projekte haben, können Sie über das App-Logo oben links bei Bedarf zum gewünschten App-Projekt wechseln. Prüfen Sie dies vor dem Scannen des Login-Codes.

2. appack App installieren

Installieren Sie die appack App auf Ihrem Smartphone. Dafür stehen Ihnen folgende Möglichkeiten zur Verfügung:

  • QR-Code: Scannen Sie den QR-Code. Sie werden automatisch zum passenden Store für Ihr Gerät weitergeleitet und können die appack App dort herunterladen und installieren.

QR-Code zum Download der appack Preview-App

Hinweis zu iOS: Bei iOS ist die appack App nicht über die Suche im App Store auffindbar. Verwenden Sie daher den QR-Code oder den Store-Link, um die App herunterzuladen.

3. appack App öffnen

Starten Sie die appack App auf Ihrem Smartphone.

Tippen Sie auf der Startseite auf den Button:

„In Preview-Modus der eigenen App wechseln“

[Screenshot einfügen: Startseite der appack App mit Button „In Preview-Modus der eigenen App wechseln“]

Anschließend wird eine Info-Seite angezeigt, auf der der Wechsel in den Preview-Modus beschrieben wird.

Tippen Sie unten auf „Weiter“.

Sie gelangen danach in das Modul „Hilfe/Preview-App“.

4. Scan-Modus öffnen

Im Modul „Hilfe/Preview-App“ öffnen Sie den Scan-Modus. Je nach Betriebssystem unterscheidet sich der Weg.

Hinweis: Falls Sie gefragt werden, ob die appack App auf die Kamera zugreifen darf, erlauben Sie den Zugriff. Die Kamera wird benötigt, um den Login-Code aus dem CMS zu scannen.

Falls der Kamerazugriff versehentlich abgelehnt wurde, können Sie die Berechtigung in den Systemeinstellungen Ihres Smartphones nachträglich aktivieren.

iOS

Wischen Sie auf dem blauen Hilfe-Button mit dem Fragezeichen nach unten, bis sich die Kamera öffnet. Starten Sie die Wischbewegung direkt auf dem blauen Fragezeichen-Symbol.

[Screenshot einfügen: iOS-Hilfe-Modul mit markiertem Fragezeichen-Symbol und Pfeil nach unten]

Android

Tippen Sie auf den Admin-Modus-Button mit dem Personen-Symbol. Anschließend öffnet sich die Kamera zum Scannen des Login-Codes.

[Screenshot einfügen: Android-Hilfe-Modul mit markiertem Admin-Modus-Button]

5. Login-Code im CMS öffnen

Öffnen Sie im CMS Ihre persönlichen Einstellungen.

UI-Pfad:

CMS → Nutzersymbol oben rechts → Einstellungen → Reiter "Login-Code"

Dort wird der Login-Code als QR-Code angezeigt.

[Screenshot einfügen: CMS mit geöffnetem Nutzermenü oben rechts]

[Screenshot einfügen: Reiter „Login-Code“ mit sichtbarem QR-Code]

6. Login-Code scannen

Scannen Sie mit der appack App den Login-Code aus dem CMS.

Nach erfolgreichem Scan wird Ihr Gerät als Admin-Gerät registriert. Die appack App verwandelt sich anschließend automatisch in die Vorschau-App Ihres ausgewählten App-Projekts.

[Screenshot einfügen: Smartphone scannt Login-Code im CMS]

Preview-App verwenden

Nach erfolgreicher Einrichtung sehen Sie auf Ihrem Smartphone die Vorschau Ihres App-Projekts.

Sie können die Preview-App nutzen, um Inhalte, Module, Navigation und Darstellung Ihres App-Projekts realitätsnah zu prüfen.

Änderungen, die Sie im CMS vornehmen, können Sie anschließend in der Preview-App kontrollieren. Je nach Änderung kann es erforderlich sein, die App neu zu öffnen oder die Ansicht zu aktualisieren.

Hinweis: Die verwandelte Preview-App ist eine Vorschau Ihres App-Projekts und nicht vollständig identisch mit der später veröffentlichten App. Einzelne Funktionen oder Darstellungen können abweichen.

[Optionaler Screenshot: Beispiel einer verwandelten Preview-App mit Projektlogo / Startseite der eigenen App]

Preview-Modus zurücksetzen

Sie können den Preview-Modus wieder zurücksetzen. Das ist insbesondere dann sinnvoll, wenn Ihre eigene App bereits veröffentlicht wurde oder wenn Sie die appack App wieder im ursprünglichen Zustand verwenden möchten.

Gehen Sie dazu in das Hilfe-Modul Ihrer App. Dieses ist in der Regel über das Impressum erreichbar.

Android

Nutzen Sie im Hilfe-Modul den Schalter „Zurücksetzen“.

iOS

Öffnen Sie das Hilfe-Modul und schütteln Sie Ihr iPhone kräftig, um den Preview-Modus zurückzusetzen.

Häufige Fragen und Fehlerfälle

Die Preview-App verwandelt sich nicht in das App-Projekt

Wenn sich die Preview-App nach dem Scannen nicht in Ihr App-Projekt verwandelt oder eine Fehlermeldung erscheint, wurde möglicherweise nicht der richtige QR-Code gescannt.

Für das Verwandeln der Preview-App benötigen Sie ausschließlich den Login-Code aus Ihren persönlichen Einstellungen im CMS:

CMS → Nutzersymbol oben rechts → Einstellungen → Login-Code

Häufig wird an dieser Stelle versehentlich der QR-Code aus dem Dashboard-Widget „Preview App“ gescannt. Dieser QR-Code dient nur dazu, die appack App im App Store oder Google Play Store herunterzuladen.

Für das Verwandeln der Preview-App muss stattdessen der Login-Code aus den persönlichen Einstellungen gescannt werden.

Die Kamera öffnet sich nicht

Prüfen Sie, ob die App die Berechtigung zum Kamerazugriff erhalten hat.

Falls der Zugriff abgelehnt wurde, können Sie die Berechtigung in den Systemeinstellungen Ihres Smartphones nachträglich aktivieren.

Der Login-Code wird nicht erkannt

Wenn der Login-Code beim Scannen nicht erkannt wird, liegt es häufig an der Darstellung des QR-Codes im CMS.

Vergrößern Sie die Ansicht im Browser, sodass der QR-Code gut sichtbar und vollständig erkennbar ist. Achten Sie außerdem darauf, dass der QR-Code nicht abgeschnitten oder teilweise verdeckt ist.

Prüfen Sie zusätzlich, ob die Bildschirmhelligkeit ausreichend ist und die Kamera ruhig auf den QR-Code ausgerichtet wird.

Änderungen aus dem CMS erscheinen nicht sofort in der Preview-App

Einige Änderungen werden erst nach dem erneuten Öffnen der App oder nach einer Aktualisierung sichtbar.

Schließen Sie die App vollständig und öffnen Sie sie erneut. Prüfen Sie außerdem, ob die Änderung im CMS gespeichert wurde.

Kurzfassung

  1. Im appack-CMS-Portal anmelden.
  2. appack App auf dem Smartphone installieren.
  3. appack App öffnen.
  4. Auf „In Preview-Modus der eigenen App wechseln“ tippen.
  5. Im Modul „Hilfe/Preview-App“ den Scan-Modus öffnen.
  6. Im CMS den Login-Code unter Nutzersymbol oben rechts → Einstellungen → Login-Code aufrufen.
  7. Login-Code mit dem Smartphone scannen.
  8. App-Projekt in der Preview-App prüfen.

Hinweis: Falls Sie Zugriff auf mehrere App-Projekte haben, prüfen Sie vor dem Scannen des Login-Codes, ob im CMS das richtige App-Projekt ausgewählt ist.