Configurer l'authentification unique (SSO) Instagram avec le plugin client Joomla OAuth

Marché

Ce guide explique comment configurer notre extension client OAuth pour Joomla afin de permettre aux utilisateurs de se connecter avec leur compte Instagram. Cette intégration est gérée via l'API d'affichage de base d'Instagram, intégrée à la plateforme Meta for Developers.

L'ajout d'une option « Connexion avec Instagram » est idéal pour les sites web fortement axés sur le visuel ou la communauté, tels que les portfolios d'artistes, les vitrines de marques, les blogs lifestyle et les sites e-commerce. Elle offre une méthode de connexion rapide et moderne pour un public très engagé sur la plateforme Instagram.

Étapes de configuration

Dans cette configuration, Instagram fonctionne comme le serveur OAuth, tandis que Joomla permet aux utilisateurs de se connecter avec leurs identifiants Instagram en utilisant le Plugin client Joomla OAuth.

Étape 2 : Configurer Instagram comme serveur OAuth

• Rendez-vous dans la section Tableau de bord du développeur Instagram.

• Entrez l'URL de votre site Web et votre numéro de téléphone sous le Votre site web et Numéro de téléphone champs de texte respectivement. Cliquez sur le S'inscrire Cliquez sur le bouton pour continuer. Cette étape termine votre inscription à un compte développeur.

• Cliquez à nouveau sur le bouton Enregistrez votre candidature, puis accédez à Gérer les clients -> Enregistrer un nouveau client comme le montre l'image ci-dessous :

• Saisissez votre Nom de l'application, description, nom de l'entreprise, URL du site Web, e-mail de contact etc. Copiez le URL de redirection/rappel à partir du plugin client OAuth miniOrange et enregistrez-le sous URL de redirection valides champ de texte. Enfin, cliquez sur le S'enregistrer bouton pour enregistrer vos configurations.

• Cliquez maintenant sur le bouton Gérer pour afficher et copier votre ID client et secret client.

• Cliquez sur le Onglet Sécurité et décochez la case Désactiver OAuth implicite option. Cliquez sur le Mettre à jour le client bouton pour enregistrer vos modifications.
• Retournez à votre Tableau de bord Joomla. Ensuite aller à Étape 2 dans le Configurer OAuth languette.
• Collez le ID client, secret client et locataire. Définissez également les informations d'identification du client Dans l'en-tête et le corps puis cliquez sur Enregistrer les paramètres. Une fois les paramètres enregistrés, cliquez sur Enregistrer la configuration.

• La portée et les points de terminaison sont indiqués ci-dessous, qui sont nécessaires pour configurer Joomla en tant que plugin client OAuth pour configurer Instagram en tant que fournisseur OAuth ou OIDC personnalisé.

Domaine	profil_utilisateur utilisateur_media
Autoriser le point de terminaison	https://api.instagram.com/oauth/authorize
Point de terminaison du jeton d'accès	https://api.instagram.com/oauth/access_token
Obtenir le point de terminaison des informations utilisateur	https://graph.instagram.com/me?fields=id,username&access_token=
Définir les informations d'identification du client	Dans l'en-tête et dans le corps