Ces paramètres sont fournis dans Paramètres système > Plugins > Connexions sociales > Connexion Facebook > Paramètres . L'administrateur doit saisir ' App Id *' et ' App Secret* ' pour configurer le plugin Facebook Login.
Fig. 1.1 : Paramètres de connexion Facebook
L'administrateur doit suivre les étapes ci-dessous pour collecter ces deux clés :
- Visitez https://developers.facebook.com/. L'administrateur sera redirigé vers la page « Facebook for Developers » comme le montre la figure 1.2.
Fig. 1.2 : Facebook pour les développeurs
- Cliquez sur le bouton 'LogIn ' (comme indiqué dans la figure 1.2) pour continuer. Créez un compte (l'administrateur devra peut-être s'inscrire en tant que développeur).
- Une fois connecté, l'administrateur sera redirigé vers la page d'accueil, comme le montre la figure 1.3. L'administrateur doit cliquer sur le bouton " Mes applications " (comme indiqué dans la figure 1.3) pour passer à l'étape suivante.
Fig. 1.3 : Page d'accueil « Facebook pour les développeurs »
- L'administrateur sera redirigé vers la page « Applications » comme le montre la figure 1.4.
Fig. 1.4 : Page « Applications »
L'administrateur doit cliquer sur le bouton « Créer une application ». - Une fenêtre contextuelle apparaîtra, comme illustré à la figure 1.5, à partir de laquelle l'administrateur doit choisir l'objectif pour lequel il crée l'application (Recommandé « Plus d'options »).
Fig. 1.5 : Boîte contextuelle « Créer une application »
En cliquant sur " Continuer ", l'administrateur sera redirigé vers une autre boîte contextuelle. Sélectionnez l' option " Quelque chose d'autre " et cliquez sur le bouton " Continuer ".Fig. 1.5 : « Que voulez-vous que votre application fasse ? » Boîte pop-up
- L'administrateur sera alors redirigé vers le formulaire « Créer un identifiant d'application » comme le montre la figure 1.6, dans lequel l'administrateur doit entrer :
- Nom d'affichage de l'application : un nouveau nom d'application.
- E-mail de contact de l'application : leur adresse e-mail valide à associer à leur compte.
- Avez-vous un compte Business Manager ? : Sélectionnez un compte Business Manager s'il est déjà créé. Un nouveau compte Business Manager peut également être créé ultérieurement.
Fig. 1.6 : formulaire « Créer un identifiant d'application »
Après avoir entré tous les détails nécessaires, l'administrateur doit cliquer sur le bouton « Créer un identifiant d'application » pour continuer.
- Une fenêtre contextuelle « Contrôle de sécurité » apparaîtra comme indiqué dans la figure 1.7 dans laquelle l'administrateur doit terminer l'étape de contrôle de sécurité, puis cliquer sur le bouton « Envoyer ».
Fig. 1.7 : Étape de contrôle de sécurité
- L'administrateur sera redirigé vers « Tableau de bord ». Depuis la barre de navigation latérale, l'administrateur doit aller dans ' Paramètres ' puis ' Général ' comme le montre la figure 1.8.
Fig. 1.8 : « Général » à partir de « Paramètres »
- L'administrateur sera redirigé vers un formulaire affichant tous les détails de l'application nouvellement créée, comme illustré à la figure 1.9.
Fig. 1.9 : Page « Paramètres de base »
Dans ' App Domains ', l'administrateur doit ajouter tous les domaines à partir desquels il souhaite que la connexion Facebook fonctionne, c'est-à-dire tous les domaines du marché. Si l'administrateur se déplace entre un sous-domaine et un domaine personnalisé, il est préférable d'ajouter les deux ici pour garantir que la connexion Facebook continue de fonctionner même lorsque le domaine change. Les domaines doivent être ajoutés sans "https" ou "www" ou "subdomain":- Pour votre domaine personnalisé, le domaine peut être : "<nom de domaine>.com"
- Pour votre sous-domaine (en version d'essai ou Starter), le domaine peut être : "<sous-nom de domaine>.<nom de domaine>.com"
- L'administrateur doit ensuite cliquer sur le bouton « Ajouter une plate-forme » qui est fourni en bas lorsqu'il atteint le dernier segment de ce formulaire (voir la figure 1.10).
Fig. 1.10 : Section « Ajouter une plate-forme »
- L'administrateur doit sélectionner « Site Web » dans la boîte de dialogue « Sélectionner une plate -forme », comme indiqué dans la figure 1.11.
Fig. 1.11 : « Sélectionner la plate-forme »
- Une section ' Site Web ' apparaîtra comme le montre la figure 1.12.
Fig. 1.12 : Section « Site Web »
Dans « URL du site », l'administrateur doit ajouter l'URL complète de sa place de marché avec https et éventuellement www ou le sous-domaine :- Si l'administrateur utilise un domaine principal, il peut s'agir de : " https://www.<domainname>.com ", ou
" https://<nom de domaine>.com ". - Si l'administrateur utilise un sous-domaine, il peut s'agir de : " https://<sub-domainname>.<domainname>.com "
L'administrateur doit ensuite cliquer sur le bouton « Enregistrer les modifications » fourni ci-dessous.
- Si l'administrateur utilise un domaine principal, il peut s'agir de : " https://www.<domainname>.com ", ou
- L'administrateur doit ensuite cliquer sur l' icône plus « Ajouter un produit » dans la barre de navigation latérale, comme indiqué dans la figure 1.13.
Fig. 1.13 : Bouton « Ajouter un produit »
- L'administrateur doit ensuite cliquer sur le bouton « Configuration » fourni sous « Connexion Facebook » comme indiqué dans la figure 1.14.
Fig. 1.14 : Page « Ajouter un produit »
- L'administrateur doit sélectionner la plate-forme « Web » comme indiqué dans la figure 1.5.
Fig. 1.15 : Page « Sélectionner une plate-forme »
- L'administrateur sera redirigé vers un formulaire en cinq étapes, comme le montre la figure 1.16. L'administrateur doit entrer son ' URL du site ' et cliquer sur ' Enregistrer ' puis ' Continuer '.
Fig. 1.16 : Page « Parlez-nous de votre site Web »
- Dans le menu de gauche, cliquez sur ' Facebook Login ' puis cliquez sur ' Settings '.
Fig. 1.17 : « Paramètres » sous « Connexion Facebook »
- La page « Paramètres OAuth du client » s'ouvrira comme indiqué dans la figure 1.18.
Fig. 1.18 : « Paramètres OAuth du client
L'administrateur doit vérifier que les paramètres suivants sont corrects :- Connexion client OAuth : Oui
- Connexion Web OAuth : Oui
- Forcer la réauthentification Web OAuth : Non
- Utiliser le mode strict pour les URI de redirection : Oui
- Appliquer HTTPS : Non (si défini sur « oui » sans possibilité de modification, laissez-le sur « oui »)
- Connexion OAuth du navigateur intégré : Oui
- Connexion depuis des appareils : Non
Dans le champ " URI de redirection OAuth valides ", l'administrateur doit ajouter son adresse de marché au format "<DOMAIN>/public/index.php?url=facebook-login/index".
L'administrateur doit également vérifier que la section « Deauthorize / Deauthorize Callback URL » est vide, puis cliquez sur « Enregistrer les modifications ».
- À partir de la barre supérieure, l'administrateur peut faire passer le commutateur supérieur de « OFF » à « ON » pour faire vivre son application.
- Dans le menu de gauche, cliquez sur " Tableau de bord ". L'application de l'administrateur doit être publique ("Cette application est publique et accessible à tous les utilisateurs") et un point vert doit être affiché.
- Maintenant, une fois que l'ID de l'application a été configuré et que tous les paramètres ont été configurés, l'administrateur doit aller dans « Paramètres » fourni dans la barre de navigation latérale, puis sélectionner « Basique ».
Fig. 1.19 : Page « Paramètres de base »
Cette page affiche à la fois ' App ID ' et ' App Secret '. L'administrateur peut copier chacun d'eux un par un et les coller sur son tableau de bord dans les champs de saisie respectifs, comme indiqué dans la figure 1.1 .
Pour « App Secret » en cliquant sur le bouton « Afficher », l'administrateur doit avoir à répondre à un contrôle de sécurité.
L'administrateur doit cliquer sur le bouton « Enregistrer les modifications » une fois que les deux clés ont été saisies sur leur tableau de bord.