Konfigurera Instagram Single Sign-On (SSO) med Joomla OAuth Client Plugin
Översikt
Den här guiden förklarar hur du konfigurerar vårt Joomla OAuth Client-tillägg så att användare kan logga in med sina Instagram-konton. Integrationen hanteras via Instagram Basic Display API, som är en del av Meta for Developers-plattformen.
Att lägga till alternativet "Logga in med Instagram" är idealiskt för webbplatser med starkt visuellt eller communityfokus, såsom artistportföljer, varumärkespresentationer, livsstilsbloggar och e-handelssajter. Det ger en snabb och modern inloggningsmetod för en publik som är mycket engagerad på Instagram-plattformen.
Konfigurationssteg
I den här konfigurationen, Instagram fungerar som OAuth-server, medan Joomla låter användare logga in med sina Instagram-uppgifter genom att använda Joomla OAuth Client Plugin.
Steg 1: Installera Joomla OAuth Client Plugin
- Logga in på din Joomla-sajt Administratör konsol.
- Från vänster växlingsmeny, klicka på Systemkrav, klicka sedan på under Installera förlängningar.
- Klicka nu på Eller bläddra efter fil för att hitta och installera plugin-filen som laddades ner tidigare.
- Installationen av plugin har lyckats. Klicka nu på Kom igång!
- Enligt Konfigurera OAuth -> Förkonfigurerade appar fliken, välj din OAuth-leverantörDu kan också konfigurera din egen anpassade leverantör genom att navigera till Custom Application fliken.
- När du har valt din OAuth-leverantör kopierar du Callback/Redirect URL som vi ska använda för att konfigurera OAuth-servern, klicka sedan på Spara & Nästa knapp.
Steg 2: Konfigurera Instagram som OAuth-server
- Gå till Instagrams utvecklaröversikt.
- Ange din webbadress och ditt telefonnummer under Din hemsida och Telefonnummer textfälten. Klicka på Bli Medlem knappen för att fortsätta. Det här steget slutför din registrering för ett utvecklarkonto.
- Klicka på knappen Registrera din ansökan igen och gå sedan till Hantera kunder -> Registrera en ny kund som visas på bilden nedan:
- Ange din Applikationsnamn, beskrivning, företagsnamn, webbadress, kontaktadress etc. Kopiera Omdirigerings-/återuppringnings-URL från miniOrange OAuth Client Plugin och spara den under Giltiga omdirigerings-URL:er textfältet. Klicka slutligen på Registrera för att spara dina konfigurationer.
- Klicka nu på knappen Hantera för att visa och kopiera din Klient-ID och klienthemlighet.
- Klicka på Fliken Säkerhet och avmarkera Inaktivera implicit OAuth alternativet. Klicka på Uppdatera klient knappen för att spara dina ändringar.
- Gå tillbaka till din Joomla instrumentpanel. Gå sedan till steg 2 i Konfigurera OAuth fliken.
- Klistra in Klient-ID, klienthemlighet och hyresgäst. Ställ även in klientuppgifter I rubrik och brödtext klicka sedan på Spara inställningar. När inställningarna har sparats klickar du på Spara konfiguration.
- Omfattning och slutpunkter anges nedan, vilka krävs för att konfigurera Joomla som OAuth-klientplugin för att konfigurera Instagram som en anpassad OAuth- eller OIDC-leverantör.
| Omfattning | user_profile user_media |
| Auktorisera slutpunkt | https://api.instagram.com/oauth/authorize |
| Åtkomst Token Endpoint | https://api.instagram.com/oauth/access_token |
| Få användarinformation slutpunkt | https://graph.instagram.com/me?fields=id,username&access_token= |
| Ställ in klientuppgifter | I rubrik och i brödtext |
Steg 4: Konfigurera attributmappning
- Mappning av användarattribut är obligatorisk för att användarna ska kunna logga in på Joomla. Vi kommer att ställa in användarprofilattribut för Joomla med inställningarna nedan.
- Gå till steg 3 i Konfigurera OAuth fliken och klicka på Testa konfiguration knapp.
- Du kommer att kunna se attributen i testkonfigurationsutgången enligt följande.
- Välj nu attributnamnet för E-post och användarnamn från rullgardinsmenyn. Klicka sedan på Slutför konfigurationen knapp.
Steg 5: Ställ in inloggnings-/SSO-URL
- Gå nu till steg 4, kopiera här Inloggnings-/SSO-URL och lägg till den på din webbplats.
- Logga nu ut och gå till din Joomla-sajts sidor där du har lagt till denna länk. Du kommer att se en inloggningslänk där du placerade den knappen. Klicka på den här knappen för att utföra SSO.
