Joomla OAuth-klientintegrering med Facebook Single Sign-On (SSO)

Översikt

Den här guiden ger en omfattande översikt över hur du konfigurerar vårt Joomla OAuth Client-tillägg för att möjliggöra användarinloggning via Facebook. Genom att följa dessa steg kan du lägga till en "Logga in med Facebook"-knapp på din webbplats, vilket ger ett snabbt och bekvämt sätt för användare att registrera sig och logga in.

Att integrera Facebook-inloggning är ett av de mest effektiva sätten att minska registreringsfriktionen. Eftersom ett stort antal användare redan har ett Facebook-konto, låter denna metod för social inloggning dem komma åt din webbplats med ett enda klick, utan att behöva skapa och komma ihåg en ny uppsättning inloggningsuppgifter.

För att ställa in OAuth Single Sign-On mellan Joomla och Facebook kan du också följa detta steg för steg Inställningsvideo.

Konfigurationssteg

I den här konfigurationen, Facebook fungerar som OAuth-server, medan Joomla tillåter användare att logga in med sina Facebook-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 Facebook som OAuth-server

Logga in på din Facebook-utvecklare konsol.
Gå till Mina appar.

För att skapa en ny OAuth-applikation, klicka på Skapa app knapp i Alla appar sektion.

Välj "Vad vill du att din app ska göra?" på Skapa en app sektion. Klicka sedan på Nästa knappen för att fortsätta.

På följande skärm, Välj en apptyp och välj konsumentenoch klicka sedan på Nästa knapp. (När din app har byggts kan apptypen inte ändras.)

I Detaljer sektionen anger du programnamnet i Lägg till ett appnamn textfältet och App kontakt e-post (standard är e-postadressen för ditt Facebook-konto), klicka sedan på Skapa app knapp.

När du klickar på knappen Skapa app visas ett dialogfönster. Av säkerhetsskäl måste du ange ditt lösenord igen för att fortsätta.

I Lägg till produkt i din app skärm, klicka på Montera myggnät för luckor knappen från Facebooks inloggningskort.

Navigera till Produkter från den vänstra navigeringspanelen, sedan Facebook inloggning och Inställningar.

Enligt Klient OAuth-inställningarklistra in det tidigare kopierade Callback/Redirect URL i Giltiga OAuth-omdirigerings-URI:er textfält.

Steg 3: Konfigurera klient-ID och hemlighet

Gå till Inställningar -> Grundläggande för att se ditt app-id och apphemlighet (se bilden nedan).

kopiera App ID och App Secret som är ditt klient-ID och klienthemlighet och spara det i din miniOrange OAuth Client Plugin.
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, som krävs för att konfigurera Joomla som OAuth-klientplugin för att konfigurera Facebook som en anpassad OAuth- eller OIDC-leverantör.

Omfattning	public_profile e-post
Auktorisera slutpunkt	https://www.facebook.com/dialog/oauth
Åtkomst Token Endpoint	https://graph.facebook.com/v2.8/oauth/access_token
Få användarinformation slutpunkt	https://graph.facebook.com/me/?fields=id,name,email,age_range,first_name,gender,last_name,link
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.

Innehåll