Application mobile : notifications push, connexion sociale et liens vers l'application

Ces trois fonctions de l'application mobile LaraClassifier et de l'application mobile JobClass demandent quelques étapes supplémentaires, chez Expo, Google, Meta ou Apple, et dans les réglages Mobile App de votre site. Elles ne fonctionnent que dans les versions compilées avec EAS (versions de test ou destinées aux stores), pas dans Expo Go sur Android. Recompilez l'application après avoir modifié l'une des valeurs ci-dessous.

Cet article fait suite à Publier l'application mobile sur Google Play et l'App Store : votre brand.json doit déjà être rempli et votre projet Expo créé.

Notifications push

Une fois configurées, les notifications push préviennent les utilisateurs des nouveaux messages, des annonces ou offres approuvées ou expirées, des paiements et des modifications du compte. Sur JobClass, les employeurs sont aussi prévenus des nouvelles candidatures, et les deux côtés des réponses. Toucher une notification ouvre la conversation, l'annonce ou l'offre.

1. Vérifiez que eas.projectId est renseigné dans brand.json (étape 6 du guide de publication).
2. Android : créez un projet Firebase, ajoutez-y une application Android avec votre android.package, et envoyez sa clé de compte de service FCM V1 avec eas credentials (Android → Push Notifications), comme décrit dans le guide Expo.
3. iOS : EAS crée la clé push pendant eas build si vous l'acceptez.
4. Sur votre site, activez Panneau d'administration → Settings → Mobile App → Push notifications.

Chaque type de notification peut être activé ou désactivé dans les réglages de notifications de votre panneau d'administration, et les utilisateurs choisissent les types reçus dans les préférences de notification de leur compte sur le site, comme pour les e-mails.

Connexion sociale (Google et Facebook)

Les boutons Continuer avec Google et Continuer avec Facebook s'affichent quand le fournisseur est activé sur votre site (Panneau d'administration → Settings → Social Login) et que ses identifiants sont renseignés dans la section social de brand.json. Laissez ces identifiants vides pour masquer les boutons.

Google

1. Dans la console Google Cloud, dans le projet utilisé pour la connexion Google de votre site, créez trois identifiants client OAuth :
   • iOS, avec votre ios.bundleIdentifier ;
   • Android, avec votre android.package et l'empreinte SHA-1 affichée par eas credentials ;
   • Web.
2. Indiquez-les dans la section social de brand.json : googleIosClientId, googleAndroidClientId et googleWebClientId.
3. Sur votre site, ajoutez les trois identifiants client, séparés par des virgules, dans Panneau d'administration → Settings → Mobile App → Google client IDs, afin que le site accepte les jetons délivrés à l'application.

Facebook

1. Dans Meta for Developers, ouvrez l'application utilisée par la connexion Facebook de votre site et ajoutez les plateformes iOS et Android avec votre identifiant de bundle et votre nom de package.
2. Indiquez l'identifiant de l'application dans la section social de brand.json (facebookAppId).

Liens vers l'application

Grâce aux liens vers l'application, un lien vers l'une de vos annonces ou offres (partagé par e-mail, messagerie ou réseau social) s'ouvre directement dans l'application quand elle est installée : liens universels sur iOS, App Links sur Android. Côté application, la configuration se fait automatiquement à partir de EXPO_PUBLIC_API_URL, qui doit être l'adresse publique en HTTPS de votre site.

Sur votre site, complétez Panneau d'administration → Settings → Mobile App :

• iOS app ID : votre Team ID Apple suivi de votre identifiant de bundle, par exemple AB12CD34EF.com.mycompany.classifieds ou AB12CD34EF.com.mycompany.jobs.
• Android package et SHA-256 fingerprints : votre android.package, et l'empreinte SHA-256 du certificat affichée par eas credentials (si vous utilisez la signature d'application Google Play, ajoutez aussi celle affichée dans Play Console → Intégrité de l'application).

Votre site sert alors /.well-known/apple-app-site-association et /.well-known/assetlinks.json. Recompilez l'application une fois le site configuré.

En cas de problème

Pour les autres problèmes, consultez Dépannage de l'application mobile.