Sökresultat :

×
Möt oss på WordCamp Europa | ShopTalk | DrupalCon Konferenser för att utforska våra lösningar. Lär dig mer

Facebook OAuth & OpenID connect Single Sign-On (SSO) | Facebook SSO-inloggning

Facebook OAuth & OpenID connect Single Sign-On (SSO) | Facebook SSO-inloggning


Att konfigurera Facebook Social Media Login på WordPress (Facebook SSO) med OAuth2 är enkelt med WordPress OAuth / OpenID Connect Single Sign-On (SSO) plugin. Du kan konfigurera plugin med olika andra sociala media-leverantörer / anpassade OAuth- och OIDC-leverantörer. Den stöder avancerade Single Sign-On (SSO) funktioner som användarprofil Attributmapping, Rollmapping etc. Här ska vi gå igenom en guide för att konfigurera SSO mellan WordPress och Facebook. I slutet av den här guiden bör användare kunna logga in på WordPress från Facebook. För att veta mer om andra funktioner vi tillhandahåller i WP OAuth Single Sign-On (OAuth & OpenID Connect Client) plugin, kan du Klicka här.


Förutsättningar: Ladda ner och installation


  • Logga in på din WordPress-instans som admin.
  • Gå till WordPress Dashboard -> Plugins och klicka på Lägg till en ny.
  • Sök efter en WordPress OAuth Single Sign-On (SSO) plugin och klicka på installera nu.
  • När du har installerat klicka på Aktivera.

Titta på installationsvideo

Hämta Plugin

Gratis demoprov

Steg för att konfigurera Facebook Single Sign-On (SSO) Inloggning till WordPress

1. Ställ in Facebook som OAuth-leverantör

  • För att komma igång, Gå till Facebooks utvecklarkonsol klicka här. och registrera dig/Logga in med ditt facebook-utvecklarkonto.
    • facebook wp Developer login app
  • Gå till sidan för Facebook Developers-appar och klicka på Skapa app knappen för att lägga till ny app.
    • facebook wp social login skapa facebook-app
  • Välj sedan Tillåt personer att logga in med sitt Facebook-konto alternativ som användningsfall och tryck Nästa.
    • social inloggning facebook wp social inloggningsapp alternativ
  • Ange app Namn och Lägg till kontakt e-post för din Facebook-app respektive klicka sedan på Skapa app för att spara dina inställningar.
    • facebook social inloggningsapp wp detaljer
  • Gå till Appinställningar -> Grundläggande för att se ditt app-id och apphemlighet. De app-id är din kund-ID och Appens hemlighet är din Klienthemlighet, ha dessa värden till hands eftersom du kommer att behöva dem senare för att konfigurera miniOrange OAuth Single Sign-On SSO-plugin (se bilderna nedan).
  • Appdomän: Skriv din webbplats domän där.
  • Sekretesspolicy URL: Fyll i den här rutan med URL:en som du gillar till din webbplatss sekretesspolicysida.
  • Användarvillkor: Fyll i den här rutan med webbadressen som är länkad till din webbplatss användarvillkorssida.
  • Radering av användardata:rullgardinsmenyn, Välj URL för instruktion för databorttagning (Ange webbadressen till din sida med instruktionerna om hur användare kan ta bort sina konton på din webbplats).
  • Välj ett kategori från rullgardinsmenyn i fältet Kategori och välj App Syfte alternativet som beskriver din app bäst och tryck sedan på Spara ändringar för att spara dina konfigurationer.
    • fb wp social inloggning facebook grundläggande info fb wp social inloggning facebook grundläggande info
  • Scrolla nu ner och klicka på Lägg till plattform knapp. Välj Webbplats alternativet när du försöker integrera din Facebook-inloggning med en webbplats. Klicka på Nästa.
    • behörigheter för flik för granskning av Facebook social inloggning
  • Ange sedan Webbadress (från din miniOrange OAuth Single Sign-On) och klicka Save. Klicka sedan Fortsätta.
    • behörigheter för flik för granskning av Facebook social inloggning
  • Klicka på Användningsfall fliken på vänster sida och klicka sedan på skräddarsy knappen som visas bredvid Autentisering och skapande av konto punkt.
    • social inloggning facebook begär förhandsåtkomst
  • Under behörigheter avsnitt, hitta e-mail tillstånd och klicka på Lägg till knapp.

    • Som standard har din applikation bara standardåtkomst för behörigheterna "public_profile" och "e-post", vilket innebär att bara du kan logga in med den. För att få avancerad åtkomst måste du gå igenom Business Verification, som du kan börja på Verifiering fliken på vänster sida.


    social inloggning facebook utvecklarstatus
  • Enligt Facebook-inloggning >> inställningar avsnitt klicka på Gå till Inställningar knappen för att lägga till URL:en för omdirigering/återuppringning.
    • Facebook social inloggning fullständig datakontroll
  • In i Giltiga OAuth-omdirigerings-URI:er fältet lägg till Redirect/Callback URL som du får från miniOrange OAuth Single Sign-On (SSO) plugin. Klicka på Spara ändringar knapp.
    • Facebook social inloggning aktivera förhandstillstånd
  • För närvarande är din app i utvecklingsläge vilket också innebär att personer utanför ditt företag inte kan använda den. När din verifiering är klar klickar du på Gå och lev och publicera din app genom att klicka på Gå och lev knappen i det nedre högra hörnet. Innan du trycker på den, rekommenderas det att du kontrollerar stegen som anges på sidan "Gå live", om du har konfigurerat allt korrekt.
    • Facebook social inloggning aktivera förhandstillstånd

Du har konfigurerat Facebook som social inloggning (OAuth-leverantör) till din WordPress-webbplats.


2. Ställ in WordPress som OAuth-klient


  • Gå till Konfigurera OAuth fliken och klicka Lägg till ny applikation för att lägga till en ny klientapplikation på din webbplats.
    • Facebook Single Sign-On (SSO) OAuth - Lägg till ny applikation
  • Välj din applikation från listan över OAuth/OpenID Connect-leverantörer, här Facebook
    • Facebook Single Sign-On (SSO) OAuth - Välj applikation
  • Efter att ha valt leverantör, kopiera Återuppringnings-URL som måste konfigureras i OAuth-leverantörens SSO-applikationskonfiguration.
  • Ange klientuppgifterna som kund-ID & Klienthemlighet som du får från Facebook SSO-applikationen.

  • Se tabellen nedan för att konfigurera slutpunkter för Facebook i plugin-programmet.

    App-namn: Facebook
    Auktorisera slutpunkt: https://www.facebook.com/dialog/oauth
    Åtkomsttokens slutpunkt: 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
    Omfattning: public_profile e-post
  • Klicka på Nästa.
    • Facebook Single Sign-On (SSO) OAuth – Lägg till appnamn, klientuppgifter
  • Efter att ha verifierat alla detaljer på sammanfattningssidan, klicka på Finish för att spara konfigurationen samt testa SSO-anslutningen.
    • Facebook Single Sign-On (SSO) OAuth - Slutför konfigurationen

Du har konfigurerat WordPress som OAuth-klient för att uppnå användarautentisering med Facebook Single Sign-On (SSO) inloggning på din WordPress-webbplats.


3. Mappning av användarattribut

  • Användarattributmappning är obligatorisk för att göra det möjligt för användare att logga in på WordPress. Vi kommer att ställa in användarprofilattribut för WordPress med inställningarna nedan.

    • Hitta användarattribut

    • Gå till Konfigurera OAuth flik. Scrolla ner och klicka på Testkonfiguration.
      • Facebook SSO-testkonfiguration
    • Du kommer att se alla värden som returneras av din OAuth-leverantör till WordPress i en tabell. Om du inte ser värdet för e-post eller användarnamn etc. gör de nödvändiga inställningarna i din OAuth-leverantör för att returnera denna information.
    • När du ser alla värden i Test Configuration, gå till Attribut/rollmappning fliken kommer du att få en lista över attribut i en rullgardinsmeny för Användarnamn.
      • Mappning av Facebook SSO-attribut

4. Inloggningsinställningar

  • Inställningarna på fliken Inställningar för enkel inloggning (SSO) definierar användarupplevelsen för enkel inloggning (SSO). För att lägga till en Facebook-inloggningswidget på din WordPress-sida måste du följa stegen nedan.
    • Gå till WordPress vänsterpanel > Utseende > Widgets.
    • Välja miniOrange OAuth. Dra och släpp till din favoritplats och spara.
      • Facebook Single Sign-on (SSO) - WordPress skapa-nyklient inloggningsknapp inställning
    • Gå till WordPress vänsterpanel > Utseende > Widgets.
    • Välja miniOrange OAuth. Dra och släpp till din favoritplats och spara.
      • Facebook Single Sign-on (SSO) - WordPress skapa-nyklient inloggningsknapp inställning
    • Öppna din WordPress-sida och du kan se Facebook SSO-inloggningsknappen där. Du kan testa Facebook Single Sign-On (SSO) nu.
    • Se till "Visa på inloggningssidan" alternativet är aktiverat för din applikation. (Se bilden nedan)
      • Facebook Single Sign-on (SSO) - WordPress skapa-nyklient inloggningsknapp inställning
    • Gå nu till din WordPress Login sida. (T.ex. https://< din-wordpress-domän >/wp-login.php)
    • Du kommer att se en Facebook SSO-inloggningsknapp där. När du klickar på inloggningsknappen kommer du att kunna testa Facebook Single Sign-On (SSO).
      • Facebook Single Sign-on (SSO) - WordPress skapa-nyklient inloggningsknapp inställning

I den här guiden har du konfigurerat Facebook Single Sign-On (SSO) genom att konfigurera Facebook som OAuth-leverantör och WordPress som OAuth-klient med vår WP OAuth Single Sign-On (OAuth & OpenID Connect Client) plugin. Denna lösning säkerställer att du är redo att rulla ut säker åtkomst till din WordPress-webbplats med hjälp av Facebook-inloggningsuppgifter inom några minuter.

Ytterligare resurser


Maila oss vidare oauthsupport@xecurify.com för snabb vägledning (via e-post/möte) om ditt krav och vårt team hjälper dig att välja den bästa lämpliga lösningen/planen enligt dina krav.

Populära sökningar:
Hej där!

Behövs hjälp? Vi är här!
stödja
Kontakta miniOrange Support
framgång

Tack för din förfrågan.

Om du inte hör från oss inom 24 timmar, skicka gärna ett uppföljningsmail till info@xecurify.com