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

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

• För att generera klient-ID och klienthemlighet måste du skapa en Instagram-applikation. Du kan följa dessa steg för att skapa en applikation för Instagram.
• Aktivera OAuth Single Sign-On SSO (OAuth Client) plugin.
• Gå till Konfigurera OAuth Fliken och välj Anpassad OAuth 2.0-app från Anpassade applikationer lista.
• Ange klient-ID och klienthemlighet som genereras från instagramapplikationen.
• Ange omfattningen och ändpunkterna i tabellen nedan.
• Klicka på Save för att spara konfigurationen och klicka på Testkonfiguration.

Du har konfigurerat Instagram som OAuth-leverantör för att uppnå Instagram-inloggning på din WordPress-webbplats.

2. Ställ in WordPress som OAuth-klient

• Fri
• Premium

• Gå till Konfigurera OAuth fliken och klicka Lägg till ny applikation för att lägga till en ny klientapplikation på din webbplats.

• Välj din applikation från listan över OAuth/OpenID Connect-leverantörer, här Instagram.

• kopiera Återuppringnings-URL ska användas i OAuth Provider Configuration och klicka Nästa.

• Inställd App-namn. Kopiera och klistra in slutpunkterna från tabellen nedan.



Klient ID:	från den konfigurerade instagramapplikationen
Kundhemlighet:	från den konfigurerade instagramapplikationen
Omfattning:	user_profile user_media
Auktorisera slutpunkt:	https://api.instagram.com/oauth/authorize
Åtkomsttokens slutpunkt:	https://api.instagram.com/oauth/access_token
Få användarinformation slutpunkt:	https://graph.instagram.com/me?fields=id,username&access_token=
Anpassad omdirigeringsadress efter utloggning:[frivillig]	https://instagram.com/accounts/logout



• Ange klientuppgifterna som Klient-ID & klienthemlighet som visas i inställningsdialogrutan. Ange omfångsvärdet som user_profile, user_media. Klicka Nästa.

• Verifiera konfigurationsdetaljerna och klicka på Finish för att spara konfigurationen.

• Gå till Konfigurera OAuth och sök efter ditt programnamn för att lägga till en ny klientapplikation på din webbplats, här Instagram.

• Inställd Appnamn, klient-ID, klienthemlighet, domän från Instagram SSO-applikation

• Välj Beviljningstyp från listan över alternativ & Klicka på Spara inställningar för att spara konfigurationen.

Du har konfigurerat WordPress som OAuth-klient för att uppnå Instagram-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.

• 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 förnamn, efternamn, e-post eller användarnamn, 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.


4. Rollmappning [Premium]

• Klicka på "Testa konfiguration" och du kommer att få en lista över attributnamn och attributvärden som skickas av din OAuth-leverantör.
• I fönstret Testkonfiguration mappar du attributnamnen i sektionen Attributmappning av plugin-programmet. Se skärmdumpen för mer information.

• Aktivera rollmappning: För att aktivera rollmappning måste du mappa attribut för gruppnamn. Välj attributnamnet från listan över attribut som returnerar rollerna från din leverantörsapplikation.
  T.ex: Roll


• Tilldela WordPress-rollen till leverantörsrollen: Baserat på din leverantörsapplikation kan du tilldela WordPress-rollen till dina leverantörsroller. Det kan vara en elev, lärare, administratör eller någon annan beroende på din ansökan. Lägg till leverantörsrollerna under Group Attribute Value och tilldela den nödvändiga WordPress-rollen framför den under WordPress-rollen.
  
  Till exempel, i bilden nedan. Lärare har tilldelats rollen som administratör & student tilldelas rollen som prenumerant.

• När du har sparat mappningen kommer leverantörsrollen att tilldelas WordPress-administratörsrollen efter SSO.
  Exempelvis: Enligt det givna exemplet kommer användare med rollen "lärare" att läggas till som administratör i WordPress och "student" kommer att läggas till som prenumerant.

5. 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 Instagram-inloggningswidget på din WordPress-sida måste du följa stegen nedan.

Logga in inställningar för WordPress 5.7 och tidigare

• Gå till WordPress vänsterpanel > Utseende > Widgets.
• Välja miniOrange OAuth. Dra och släpp till din favoritplats och spara.


Inloggningsinställningar för WordPress 5.8

• Gå till WordPress vänsterpanel > Utseende > Widgets.
• Välja miniOrange OAuth. Dra och släpp till din favoritplats och spara.

• Öppna din WordPress-sida och du kan se Instagram SSO-inloggningsknappen där. Du kan testa Instagram Single Sign-On (SSO) nu.

Inloggningsinställningar för WordPress 5.9

• Se till "Visa på inloggningssidan" alternativet är aktiverat för din applikation. (Se bilden nedan)

• Gå nu till din WordPress Login sida. (T.ex. https://< din-wordpress-domän >/wp-login.php)
• Du kommer att se en Instagram SSO-inloggningsknapp där. När du klickar på inloggningsknappen kommer du att kunna testa Instagram Single Sign-On (SSO).


I den här guiden har du konfigurerat Instagram Single Sign-On (SSO) genom att konfigurera Instagram 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 Instagram-inloggningsuppgifter inom några minuter.

Ytterligare resurser

• Instagram Graph API som OAuth-leverantör / OpenID Connect
• WordPress Single Sign-On (SSO) OAuth / OpenID Connect / JWT
• Vad är OAuth 2.0 och hur fungerar det?
• Vanliga frågor (FAQ)

Behöver hjälp?

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.