Integrointi WordPressin kanssa

Tämä opas ohjaa sinut Logton integrointi prosessin läpi WordPressin kanssa käyttämällä OIDC-liitännäistä. Mutta ensin tarkastellaan käyttäjäkokemusta, kun integrointi on valmis.

Kirjautumisprosessi Logto-integroinnilla#

1. Käyttäjä siirtyy WordPress-sivuston kirjautumissivulle, mikä on oletuksena [SITE URL]/wp-login.php, ja siellä on OIDC:n kirjautumispainike.
2. Käyttäjä napsauttaa painiketta ja uudelleenohjataan Logton kirjautumissivulle mukautetun kirjautumiskokemuksesi kanssa.
3. Käyttäjä valitsee kirjautumismenetelmän ja Logto todentaa käyttäjän.
4. Kun käyttäjä on todennettu, Logto ohjaa käyttäjän takaisin WordPress-sivustolle.
5. WordPress luo uuden käyttäjätilin tai kirjaa sisään olemassa olevan käyttäjätilin ja ohjaa käyttäjän takaisin aiemmalle sivulle.

Nyt kun olemme nähneet lopputuloksen Logton integroinnista WordPressin kanssa, sukeltakaamme integraatioprosessiin.

Edellytykset#

Ennen kuin aloitamme, varmista, että sinulla on seuraavat:

1. WordPress-sivusto: Täysin toimiva WordPress-sivusto vaaditaan. Varmista hallinnollinen pääsy hallitaksesi liitännäisiä ja määrittääksesi asetuksia.
2. Logto-ympäristö: Luo uusi Logto-ympäristö vierailemalla Logto-konsolissa, tai isännöi omaa ympäristöä noudattamalla asennusohjetta.

Integroinnin vaiheet#

Vaihe 1: Luo Logto-sovellus#

1. Vieraile Logto-konsolissa.
2. Siirry kohtaan "Sovellukset" ja napsauta "Luo sovellus".
3. Napsauta "Luo sovellus ilman kehystä".
4. Valitse "Perinteinen verkko" sovellustyypiksi.
5. Nimeä sovelluksesi ja napsauta "Luo sovellus".

Vaihe 2: Asenna liitännäinen#

1. Kirjaudu sisään WordPress-sivustoosi.
2. Siirry kohtaan "Liitännäiset" ja napsauta "Lisää uusi".
3. Etsi "OpenID Connect Generic" ja asenna liitännäinen, jonka on tehnyt daggerhart.
4. Aktivoi liitännäinen.

Vaihe 3: Konfiguroi liitännäinen#

1. Avaa liitännäisen asetukset siirtymällä kohtaan "Asetukset" > "OpenID Connect Generic".
2. Täytä seuraavat kentät:
   • Asiakas ID: Logto-sovelluksesi sovellus ID.
   • Asiakas Salainen: Logto-sovelluksesi sovelluksen salaisuus.
   • OpenID Alue: Syötä email profile openid offline_access.
   • Kirjautumisen Loppupiste URL: Logto-sovelluksesi valtuutusloppupisteen URL, joka on https://[tenant-id].logto.app/oidc/auth, voit napsauttaa "näytä päätelaitteiden tiedot" Logto-sovelluksen sivulla saadaksesi URL:n.
   • Käyttäjätiedot Loppupiste URL: Logto-sovelluksesi käyttäjätietojen loppupisteen URL, joka on https://[tenant-id].logto.app/oidc/me.
   • Tokenin Validointi Loppupiste URL: Logto-sovelluksesi tokenin validointiloppupisteen URL, joka on https://[tenant-id].logto.app/oidc/token.
   • Istunnon Lopettaminen Loppupiste URL: Logto-sovelluksesi istunnon lopettamisen loppupisteen URL, joka on https://[tenant-id].logto.app/oidc/session/end.
   • Identiteettiavain: ID-tokenin ainutlaatuinen avain, joka sisältää käyttäjän identiteetin, se voi olla email tai sub, määrittelyistäsi riippuen.
   • Lempinimimerkintä Avain: ID-tokenin avain, joka sisältää käyttäjän lempinimen, voit asettaa sen sub ja muuttaa sitä myöhemmin.

Vaihe 4: Konfiguroi sovellus#

1. Liitännäisen asetuksissa, selaa alas kohtaan "Muistiinpanot" ja kopioi "Ohjaa URI" arvo.
2. Logto-konsolissa, siirry sovelluksesi asetuksiin.
3. Lisää kopioitu "Ohjaa URI" arvo "Ohjaa URI" kenttään.

Vaihe 5: Testaa integraatiota#

1. Kirjaudu ulos WordPress-sivustostasi.
2. Käy WordPressin kirjautumissivulla ja napsauta "Kirjaudu sisään Logton kanssa" painiketta.
3. Sinut ohjataan Logton kirjautumissivulle.
4. Kirjaudu sisään Logto-tililläsi.
5. Sinut ohjataan takaisin WordPress-sivustolle ja olet automaattisesti kirjautunut sisään.

Viimeiset vaiheet#

Onneksi olkoon! Olet onnistuneesti integroinut Logton WordPressiin.

Voit lisätä integraation mukauttamista tutustumalla lisäominaisuuksiin liitännäisen asetus-sivulla, kuten olemassa olevien käyttäjien linkitys, kirjautumispainikkeen mukauttaminen, SSO-tilan käyttäminen ja paljon muuta.