DERNIERE INFO : Mise à jour 3.0.5 disponible !
Inscription Connexion client

Mettre en place la connexion via Facebook

Introduction

e-cms comprend un moyen alternatif de connexion et d’inscriptions des utilisateurs via la technologie Facebook Connect. Cette dernière permet à tous les possesseurs d’un compte Facebook de se connecter de façon transparente et rapide sur votre site e-cms mais demande un peu de préparation en amont.

Dans ce tutoriel, nous allons voir comment activer pas-à-pas la connexion via Facebook sur e-cms incluant la création d’application Facebook.

1 - Création de l’application Facebook

Afin de pouvoir permettre à e-cms d’interagir avec Facebook pour effectuer une connexion, une application Facebook doit être créée pour votre site.

Pour ce faire, rendez-vous muni de votre compte Facebook sur la page https://developers.facebook.com/ puis sur la barre de menu en haut cliquez sur « Applications » puis « Créer une application ».

Une fenêtre vous demandera alors d’entrer les premières informations de votre application. Vous devez ici renseigner le premier champ avec le nom de votre site ainsi que la catégorie seulement. Notez  par ailleurs que la catégorie n’a aucune influence sur l’application et son fonctionnement dans le cas présent.

Créer une application Facebook 

Après avoir cliqué sur le bouton « Créer une application » puis passé le contrôle de sécurité, vous allez être dirigé vers le panneau de configuration de votre application.

A partir de là, la première chose à faire est de se rendre dans l’onglet « Status & Review » puis de cliquer sur le bouton situé à la droite de du premier cadre (voir image ci-contre) afin de rendre l’application utilisable par tout le monde.

Facebook application publique 

Ensuite, rendez-vous dans l’onglet « Paramètres » puis cliquez sur « Ajouter une plateforme » et sélectionnez « Site Web ».

Ajouter un site application Facebook
Dans le premier champ parmi ceux qui sont apparus, il ne vous reste plus qu’à renseigner l’url de votre site et après avoir enregistré les modifications, l’application devrait être pleinement configurée et prête à être lié à e-cms !

Astuce
Vous pouvez modifier l’icône de votre application en vous rendant dans l’onglet « Détail de l’application ».

2 - Liaison de l’application à e-cms

Votre application Facebook étant maintenant terminée, il est nécessaire de lier cette dernière à e-cms pour que la connexion via Facebook puisse fonctionner.

Pour ce faire,  retournez dans l’onglet « Tableau de bord » de l’interface de configuration de votre application Facebook afin de récupérer tout en haut l’identifiant de l’application et la clé secrète. Notez que pour consulter la clé secrète, vous devez tout d’abord cliquer sur le bouton « Afficher » à côté du champ correspondant.

Facebook identifiants application 

Une fois cela fait, rendez-vous dans l’interface d’administration de votre site e-cms puis rejoignez l’onglet « Utilisateurs » des paramètres généraux.

Sur cette page, vous serez invité à entrer les deux valeurs que vous venez de récupérer soit respectivement l’identifiant de l’application Facebook et la clé secrète.

Facebook Connect e-cms configuration 

Une fois les paramètres sauvegardés, la connexion via Facebook devrait être pleinement opérationnelle !

 

Accueil > Documentation > Tutoriels > Mettre en place la connexion via Facebook