Utiliser Facebook Connect dans son Application Mobile

L’utilisation de Facebook Connect permet à l’utilisateur de se connecter en utilisant ses identifiants Facebook plutôt que de créer un nouveau compte pour votre application. La mise en place de ce moyen de connexion demande de passer par plusieurs étapes que nous allons décrire ci-dessous :

  1. chez Facebook, création d’une page ou d’un lieu
  2. chez Facebook, création d’une application Facebook liée à votre page ou votre lieu & ouvrir ses droits pour Android et iOS
  3. chez Fidelisa, configurer le module Facebook Connect avec les identifiants de votre application

Nous allons voir tout ça en pas à pas… en avant !

1 – Créer une page ou un lieu Facebook

Pour utiliser Facebook Connect, vous devez avoir une page ou un lieu pour votre activité. Pour cela, vous devez disposer d’un compte Facebook (pouvant être votre compte personnel) et vous y connecter. 

Un fois connecté, cliquez sur le petit triangle tout en haut à droite de la page, tout à droite de votre nom et prénom. Dans le menu qui s’ouvre, choisissez « Créer une page« … ou sinon, cliquez ici pour arriver sur la page de création de page

Suivez le processus proposé par Facebook… ça y est vous devriez avoir votre page !

2 – Créer une application Facebook liée à votre page ou lieu

  1. Rendez vous sur https://developers.facebook.com
  2. Si vous êtes connectés à Facebook, en haut à droite, vous devriez avoir un lien « Mes apps » en haut à droite
  3. En cliquant sur le triangle à côté du lien, un menu s’ouvre, choisissez « Ajouter une app » dans le menu
  4. Dans la fenêtre qui suit, choisissez un nom pour votre app, un email de contact et une catégorie.
  5. Dans la fenêtre qui suit, cliquez sur le bouton « Démarrer » à côté de la ligne « Facebook Login« 
  6. Dans la fenêtre qui suit, vous n’avez rien à changer, simplement choisir d’enregistrer en bas de page.
  7. Rendez-vous maintenant dans la section Paramètres de votre application
  8. Choisissez d’ajouter une plate-forme via le bouton en bas de page. Dans l’intersticiel qui s’affiche, choisissons iOS dans un premier temps :
  9. Une nouvelle partie vient s’ajouter à votre page. Elle vous demande de configurer la plate-forme iOS :
    1. ID du pack : contactez-nous

    2. Authentification unique : Oui

    3. Lien profond : Oui

    4. iOS uniquement : Non

  10. Cliquez à nouveau sur Ajouter une plate-forme et choisissez Android cette fois-ci :
    1. Nom du package Google Play : contactez-nous 

    2. Nom de classe : com.ansca.corona.CoronaActivity

    3. Hachage clés : contactez-nous 

    4. Authentification unique : Oui

    5. Lien profond : Oui

  11. Choisissez d’enregistrer les modifications à l’aide du bouton en bas de fenêtre.
  12. Ce qui nous sera utile pour la fin de la configuration de Facebook Connect, ce sera l’ID de l’APP que vous retrouvez tout en haut de votre fenêtre. Copiez-le dans le presse-papier, il nous sera utile pour la suite.

3 – Ajouter Facebook Connect à votre application dans Fidelisa

Dans l’interface Fidelisa, ajoutez le module Facebook Connect :
Facebook Connect dans votre application mobile

Dans la fenêtre qui suit, collez simplement l’ID de votre APP dans la case prévue à cet effet et choisissez « Enregistrer » :

Ça y est, nous y sommes ! Notez que Facebook Connect ne fonctionnera pas correctement dans le pré-visualisateur.


Vous avez une question concernant ce tutoriel ? Contactez-nous ! De même, n’hésitez à nous faire vos retours ou à nous proposer des thèmes que vous souhaiteriez voir couvert par nos tutoriels.

Laisser un commentaire