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.

Konfigurationssteg

I den här konfigurationen fungerar Facebook 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 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