Preview-App verwandeln¶
Mit der appack Preview-App können Sie Ihr App-Projekt bereits während der Entwicklungsphase auf Ihrem 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 Inhalte, Module, Navigation und Darstellung prüfen, bevor die App im App Store oder Google Play Store veröffentlicht wird.
Was Sie benötigen¶
Für die Einrichtung benötigen Sie:
- die installierte appack App auf Ihrem Smartphone
- den Login-Code aus Ihrem 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 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 zum gewünschten Projekt wechseln. Prüfen Sie vor dem Scannen des Login-Codes, ob das richtige App-Projekt ausgewählt ist.
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 weitergeleitet.
Bei Android können Sie alternativ im Google Play Store nach „appack“ suchen.
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.
3. appack App öffnen¶
Starten Sie die appack App auf Ihrem Smartphone.
Tippen Sie auf:
„In Preview-Modus der eigenen App wechseln“
[Screenshot einfügen: Startseite der appack App mit Button „In Preview-Modus der eigenen App wechseln“]
Auf der folgenden Info-Seite tippen Sie unten auf „Weiter“.
Sie gelangen anschließend in das Modul „Hilfe/Preview-App“.
4. Scan-Modus öffnen¶
Öffnen Sie im Modul „Hilfe/Preview-App“ den Scan-Modus.
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 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.
[Screenshot einfügen: Android-Hilfe-Modul mit markiertem Admin-Modus-Button]
Hinweis: Falls Sie nach dem Zugriff auf die Kamera gefragt werden, erlauben Sie diesen. Die Kamera wird zum Scannen des Login-Codes benötigt.
5. Login-Code im CMS öffnen¶
Öffnen Sie im CMS Ihre persönlichen Einstellungen.
UI-Pfad: Nutzersymbol oben rechts → Einstellungen → Login-Code
Dort wird Ihr 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 Ihres App-Projekts.
[Screenshot einfügen: Smartphone scannt Login-Code im CMS]
App prüfen¶
Nach erfolgreicher Einrichtung können Sie Ihr App-Projekt auf dem Smartphone testen.
Nehmen Sie Änderungen im CMS vor und kontrollieren Sie anschließend in der Preview-App, ob Inhalte, Navigation und Darstellung wie gewünscht aussehen.
Je nach Änderung kann es erforderlich sein, die App neu zu öffnen oder die Ansicht zu aktualisieren.
Hinweis: Die Preview-App dient als Vorschau. Einzelne Funktionen oder Darstellungen können von der später veröffentlichten App abweichen.
Bei Bedarf: Preview-Modus zurücksetzen¶
Wenn Sie die appack App wieder in ihren ursprünglichen Zustand versetzen möchten, öffnen Sie 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.
Häufige Probleme¶
Die Preview-App verwandelt sich nicht in das App-Projekt¶
Prüfen Sie zunächst, ob Sie den richtigen QR-Code gescannt haben.
Für das Verwandeln der Preview-App benötigen Sie ausschließlich den Login-Code aus Ihren persönlichen Einstellungen:
Nutzersymbol oben rechts → Einstellungen → Login-Code
Verwenden Sie nicht den QR-Code aus dem Dashboard-Widget „Preview App“. Dieser dient lediglich zum Herunterladen der appack App aus dem App Store bzw. Google Play Store.
Die Kamera öffnet sich nicht¶
Prüfen Sie, ob die appack App die Berechtigung zum Kamerazugriff erhalten hat.
Falls Sie den Zugriff versehentlich abgelehnt haben, können Sie die Berechtigung in den Systemeinstellungen Ihres Smartphones nachträglich aktivieren.
Kurzfassung¶
- Im appack-CMS anmelden.
- appack App auf dem Smartphone installieren.
- App öffnen und „In Preview-Modus der eigenen App wechseln“ auswählen.
- Im Modul „Hilfe/Preview-App“ den Scan-Modus öffnen.
- Im CMS unter Nutzersymbol → Einstellungen → Login-Code den Login-Code aufrufen.
- Login-Code mit dem Smartphone scannen.
- App-Projekt in der Preview-App prüfen.