Personnalisation des Apps Mobiles
Ce guide explique comment personnaliser en marque blanche les applications Android et iOS. Suivez ces étapes lorsque vous souhaitez rebrandifier les applications sous votre propre nom de produit et identité visuelle.
Ce Que Vous Pouvez Personnaliser
- Nom de l'application (affiché sous l'icône sur l'écran d'accueil)
- Icône de l'application
- Écran de lancement / écran de démarrage
- Couleurs primaires et d'accent
- URL d'instance par défaut (pré-remplie sur l'écran de connexion)
- Identifiant de bundle / nom de package (requis pour la soumission en boutique)
Personnalisation Android
Nom de l'Application
Modifiez app/src/main/res/values/strings.xml :
<string name="app_name">Nom de Votre Application</string>
Nom de Package
- Dans Android Studio, faites un clic droit sur votre dossier de package et utilisez Refactor → Rename pour renommer le package.
- Mettez à jour
applicationIddansapp/build.gradle:applicationId "com.votreentreprise.votreapp"
Icône de l'Application
Remplacez les fichiers dans :
app/src/main/res/mipmap-hdpi/ic_launcher.pngapp/src/main/res/mipmap-mdpi/ic_launcher.pngapp/src/main/res/mipmap-xhdpi/ic_launcher.pngapp/src/main/res/mipmap-xxhdpi/ic_launcher.pngapp/src/main/res/mipmap-xxxhdpi/ic_launcher.png
L'Image Asset Studio d'Android Studio (File → New → Image Asset) peut générer toutes les tailles à partir d'une seule image source de 1024x1024.
Couleurs
Modifiez app/src/main/res/values/colors.xml :
<color name="colorPrimary">#E63946</color>
<color name="colorPrimaryDark">#C1121F</color>
<color name="colorAccent">#2EC4B6</color>
URL d'Instance par Défaut
Trouvez la constante dans le projet (cherchez DEFAULT_BASE_URL ou similaire dans un fichier Constants.kt ou Config.kt) et définissez-la sur l'URL de votre instance LeadHub. Cela pré-remplit le champ URL pour les utilisateurs afin qu'ils n'aient pas besoin de le saisir.
Personnalisation iOS
Nom de l'Application
- Dans Xcode, cliquez sur la racine du projet dans le Navigator.
- Sous Targets, sélectionnez votre target d'application.
- Dans l'onglet General, changez Display Name pour le nom de votre produit.
Identifiant de Bundle
Changez le Bundle Identifier dans le même onglet General :
com.votreentreprise.votreapp
Il doit être unique et enregistré dans votre compte Apple Developer.
Icône de l'Application
- Dans Xcode, ouvrez
Assets.xcassets. - Cliquez sur AppIcon.
- Faites glisser vos images d'icône dans les emplacements appropriés. Vous avez besoin d'une image de 1024x1024 pour l'App Store et de diverses tailles plus petites pour les appareils.
Le catalogue d'assets de Xcode vous indiquera les tailles nécessaires. Utilisez un outil comme makeappicon.com pour générer toutes les tailles requises à partir d'une source unique.
Écran de Lancement
Modifiez LaunchScreen.storyboard dans Xcode pour personnaliser l'écran de démarrage affiché pendant le chargement de l'application.
Couleurs
Cherchez un fichier Colors.swift ou Theme.swift dans le projet et mettez à jour les valeurs de couleurs primaires et d'accent :
struct Theme {
static let primaryColor = UIColor(hex: "#E63946")
static let accentColor = UIColor(hex: "#2EC4B6")
}
Ou mettez à jour les assets de couleur dans Assets.xcassets → Colors.
URL d'Instance par Défaut
Cherchez un fichier Constants.swift ou Config.swift et mettez à jour :
static let defaultBaseURL = "https://crm.votreentreprise.com"
Configuration des Notifications Push
Les deux applications nécessitent des identifiants de notifications push séparés pour chaque plateforme. Consultez les guides développeur Android et iOS pour des instructions étape par étape sur la configuration de FCM (Android) et APNs (iOS).
Après avoir configuré les identifiants push, mettez à jour la configuration d'environnement de votre serveur LeadHub avec les clés appropriées. Votre administrateur système s'occupe de cette partie.
Liste de Vérification pour la Soumission en Boutique
Avant de soumettre sur Google Play ou l'Apple App Store :
- Le nom de l'application correspond à votre produit (pas "LeadHub")
- Nom de package / Bundle ID mis à jour avec le domaine de votre entreprise
- Icône de l'application remplacée avec votre marque (toutes les tailles requises)
- Écran de lancement / démarrage mis à jour
- Les couleurs correspondent à votre marque
- URL d'instance par défaut configurée (optionnel mais recommandé)
- Identifiants de notifications push configurés
- URL de politique de confidentialité ajoutée (requise par les deux boutiques)
- Captures d'écran App Store / Play Store préparées
- Description rédigée pour votre produit