Zum Hauptinhalt springen

Anpassung der mobilen Apps

Diese Anleitung erklärt, wie Sie die Android- und iOS-Apps als White-Label anpassen können. Folgen Sie diesen Schritten, wenn Sie die Apps unter Ihrem eigenen Produktnamen und visueller Identität neu gestalten möchten.

Was Sie Anpassen Können​

  • App-Name (wird unter dem Symbol auf dem Startbildschirm angezeigt)
  • App-Symbol
  • Startbildschirm / Ladebildschirm
  • Primär- und Akzentfarben
  • Standard-Instanz-URL (vorab ausgefüllt auf dem Anmeldebildschirm)
  • Bundle-Bezeichner / Paketname (erforderlich für die Store-Einreichung)

Android-Anpassung​

App-Name​

Bearbeiten Sie app/src/main/res/values/strings.xml:

<string name="app_name">Ihr App-Name</string>

Paketname​

  1. Klicken Sie in Android Studio mit der rechten Maustaste auf Ihren Paketordner und verwenden Sie Refactor → Rename, um das Paket umzubenennen.
  2. Aktualisieren Sie applicationId in app/build.gradle: 
    applicationId "com.ihrefirma.ihreapp"

App-Symbol​

Ersetzen Sie die Dateien in:

  • app/src/main/res/mipmap-hdpi/ic_launcher.png
  • app/src/main/res/mipmap-mdpi/ic_launcher.png
  • app/src/main/res/mipmap-xhdpi/ic_launcher.png
  • app/src/main/res/mipmap-xxhdpi/ic_launcher.png
  • app/src/main/res/mipmap-xxxhdpi/ic_launcher.png

Android Studios Image Asset Studio (File → New → Image Asset) kann alle Größen aus einem einzigen 1024x1024-Quellbild generieren.

Farben​

Bearbeiten Sie app/src/main/res/values/colors.xml:

<color name="colorPrimary">#E63946</color>
<color name="colorPrimaryDark">#C1121F</color>
<color name="colorAccent">#2EC4B6</color>

Standard-Instanz-URL​

Suchen Sie die Konstante im Projekt (suchen Sie nach DEFAULT_BASE_URL oder Ähnlichem in einer Constants.kt- oder Config.kt-Datei) und setzen Sie sie auf die URL Ihrer LeadHub-Instanz. Dadurch wird das URL-Feld für Benutzer vorab ausgefüllt, sodass sie es nicht eintippen müssen.

iOS-Anpassung​

App-Name​

  1. Klicken Sie in Xcode im Navigator auf die Projektwurzel.
  2. Wählen Sie unter Targets Ihr App-Target aus.
  3. Ändern Sie im Tab General den Display Name auf Ihren Produktnamen.

Bundle-Bezeichner​

Ändern Sie den Bundle Identifier im selben General-Tab:

com.ihrefirma.ihreapp

Dieser muss eindeutig sein und in Ihrem Apple Developer-Konto registriert werden.

App-Symbol​

  1. Öffnen Sie in Xcode Assets.xcassets.
  2. Klicken Sie auf AppIcon.
  3. Ziehen Sie Ihre Symbol-Bilder in die entsprechenden Felder. Sie benötigen ein 1024x1024-Bild für den App Store und verschiedene kleinere Größen für Geräte.

Der Asset-Katalog von Xcode zeigt Ihnen, welche Größen benötigt werden. Verwenden Sie ein Tool wie makeappicon.com, um alle erforderlichen Größen aus einer einzigen Quelle zu generieren.

Ladebildschirm​

Bearbeiten Sie LaunchScreen.storyboard in Xcode, um den Ladebildschirm anzupassen, der während des App-Starts angezeigt wird.

Farben​

Suchen Sie im Projekt nach einer Datei Colors.swift oder Theme.swift und aktualisieren Sie die Primär- und Akzentfarbwerte:

struct Theme {
    static let primaryColor = UIColor(hex: "#E63946")
    static let accentColor  = UIColor(hex: "#2EC4B6")
}

Oder aktualisieren Sie die Farb-Assets in Assets.xcassets → Colors.

Standard-Instanz-URL​

Suchen Sie nach einer Datei Constants.swift oder Config.swift und aktualisieren Sie:

static let defaultBaseURL = "https://crm.ihrefirma.com"

Push-Benachrichtigungskonfiguration​

Beide Apps benötigen separate Push-Benachrichtigungsdaten für jede Plattform. Lesen Sie die Android- und iOS-Entwicklerhandbücher für schrittweise Anweisungen zur Einrichtung von FCM (Android) und APNs (iOS).

Aktualisieren Sie nach der Konfiguration der Push-Zugangsdaten die Umgebungskonfiguration Ihres LeadHub-Servers mit den entsprechenden Schlüsseln. Ihr Systemadministrator kümmert sich um diesen Teil.

Checkliste für die Store-Einreichung​

Vor der Einreichung bei Google Play oder dem Apple App Store:

  • App-Name entspricht Ihrem Produkt (nicht "LeadHub")
  • Paketname / Bundle ID auf die Domain Ihres Unternehmens aktualisiert
  • App-Symbol durch Ihr Branding ersetzt (alle erforderlichen Größen)
  • Ladebildschirm aktualisiert
  • Farben entsprechen Ihrer Marke
  • Standard-Instanz-URL festgelegt (optional, aber empfohlen)
  • Push-Benachrichtigungsdaten konfiguriert
  • Datenschutzrichtlinien-URL hinzugefügt (von beiden Stores gefordert)
  • App Store / Play Store Screenshots vorbereitet
  • Beschreibung für Ihr Produkt verfasst