Konfigurera Strava Single Sign-On (SSO) med OAuth för WordPress

Översikt

OAuth & OpenID Connect Single Sign-On (SSO)-pluginet för WordPress möjliggör säker inloggning till WordPress med Strava som OAuth- och OpenID Connect-leverantör. Du kan också konfigurera pluginet med olika anpassade leverantörer och standard-IdP:er. Det stöder avancerade Single Sign-On (SSO)-funktioner som attributmappning för användarprofiler, rollmappning etc. Här går vi igenom en guide för att konfigurera SSO mellan WordPress och Strava. I slutet av den här guiden bör användare kunna logga in till WordPress från Strava. För att veta mer om andra funktioner vi tillhandahåller i OAuth Single Sign-On (OAuth & OpenID Connect Client)-pluginet för WordPress kan du klicka här.

Hämta Plugin Prissättning planer Pröva På

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 OAuth-plugin för enkel inloggning (SSO) för WordPress och klicka på installera nu.
• När du har installerat klicka på Aktivera.

Steg för att konfigurera Strava Single Sign-On (SSO) Login till WordPress

1. Konfigurera Strava som OAuth-leverantör

• Först och främst, klicka på https://developers.strava.com/ för att logga in/registrera dig på ditt Strava-konto.

• Välja Skapa & hantera Ditt appalternativ för att skapa en ny app och fyll i alla nödvändiga uppgifter, ange din WordPress-domän under Auktorisering återuppringningsdomän fält.

• Klicka på Skapa knapp för att spara dina konfigurationer.
• Ladda upp en appikonen genom att klicka på + visas på bilden (nedan).

• Klicka på SPARA knappen för att spara din inställningar.

• Du kommer nu att omdirigeras till en sida där du hittar din app Klient-ID, klienthemlighet såväl som din APP-token.

• Klicka på visa-alternativet bredvid din hemliga shopper och kopiera din Klienthemlighet såväl som kund-ID och spara dem i din OAuth-klientens konfigurationer.

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

Steg 2: Konfigurera WordPress som OAuth-klient

• Gratis
• 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 Strava.

• Efter att ha valt leverantör, kopiera Återuppringnings-URL som måste konfigureras i OAuth-leverantörens SSO-applikationskonfiguration.
• Konfigurera sedan Appnamn, klient-ID, klienthemlighet och endpoints.
• Se tabellen nedan för detaljer och konfigurering Omfattning & slutpunkter för Strava i plugin-programmet.

Klient ID :	från steg 1 ovan
Klienthemlighet:	från steg 1 ovan
Scopes	läsa
Auktorisera slutpunkt:	https://www.strava.com/oauth/authorize
Åtkomsttokens slutpunkt:	https://www.strava.com/oauth/token
Användarinfo slutpunkt:	https://www.strava.com/api/v3/athlete

• Klicka på Nästa knapp.

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

Du har konfigurerat WordPress som OAuth-klient för att uppnå Strava med WordPress för användarautentisering.

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

• Inställd Appnamn, klient-ID, klienthemlighet från Strava-appen.
• Se tabellen nedan för att konfigurera Omfattning & slutpunkter för Strava i pluginet och klicka på Spara inställningar knapp.

Klient ID :	från steg 1 ovan
Klienthemlighet:	från steg 1 ovan
Scopes	läsa
Auktorisera slutpunkt:	https://www.strava.com/oauth/authorize
Åtkomsttokens slutpunkt:	https://www.strava.com/oauth/token
Användarinfo slutpunkt:	https://www.strava.com/api/v3/athlete

• 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å Strava med WordPress för användarautentisering.

Steg 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: Rollkartläggning [Premium]

• Klicka på "Testkonfiguration" 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 allokera WordPress-rollen till dina leverantörsroller. Det kan vara en student, lärare, administratör eller någon annan roll beroende på din applikation. Lägg till leverantörsrollerna under Gruppattributvärde och tilldela den obligatoriska WordPress-rollen framför den under WordPress roll.
  
  Till exempel, I bilden nedan har läraren tilldelats rollen som administratör och eleven har tilldelats rollen som prenumerant.

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

5: Inloggningsinställningar / 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 Strava-inloggningswidget på din WordPress-sida måste du följa stegen nedan.

• WordPress 5.7 och senare
• WordPress 5.8
• WordPress 5.9 och senare

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

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

• Öppna din WordPress-sida så ser du Strava SSO-inloggningsknappen där. Du kan testa Strava Single Sign-On (SSO) nu.

• 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)
• Där ser du en inloggningsknapp för Strava SSO. När du klickar på inloggningsknappen kan du testa Strava Single Sign-On (SSO).

I den här guiden har du konfigurerat Strava Single Sign-On (SSO) genom att konfigurera Strava som OAuth-leverantör och WordPress som OAuth-klient med hjälp av vårt OAuth Single Sign-On (OAuth / OpenID Connect Client)-plugin för WordPress. Den här lösningen säkerställer att du är redo att lansera säker åtkomst till din WordPress-webbplats med Strava-inloggningsuppgifter inom några minuter.

Relaterade artiklar

• Vad är OAuth 2.0?
• Strava som OAuth-leverantör / OpenID Connect
• Enkel inloggning (SSO) OAuth / OpenID Connect / JWT för WordPress
• Vad är OAuth 2.0 och hur fungerar det?
• Vanliga frågor (FAQ)