Integrazione con WordPress

Questa guida ti guiderà attraverso il processo di integrazione di Logto con WordPress utilizzando il plugin OIDC. Ma prima, diamo un'occhiata all'esperienza utente una volta completata l'integrazione.

Il processo di accesso con l'integrazione di Logto#

1. L'utente accede alla pagina di login del sito WordPress, che per impostazione predefinita è [SITE URL]/wp-login.php, e c'è un pulsante per accedere tramite OIDC.
2. L'utente clicca sul pulsante e viene reindirizzato alla pagina di accesso di Logto con la tua esperienza di accesso personalizzata.
3. L'utente sceglie un metodo di accesso e Logto autentica l'utente.
4. Una volta autenticato, Logto reindirizza l'utente al sito WordPress.
5. WordPress creerà un nuovo account utente o accederà all'account utente esistente, e reindirizzerà l'utente alla pagina precedente.

Ora che abbiamo visto il risultato finale dell'integrazione di Logto con WordPress, rimbocchiamoci le maniche e approfondiamo il processo di integrazione.

Prerequisiti#

Prima di iniziare, assicurati di avere quanto segue:

1. Un sito WordPress: È necessario un sito WordPress completamente operativo. Assicurati di avere accesso amministrativo per gestire i plugin e configurare le impostazioni.
2. Un'istanza Logto: Crea una nuova istanza Logto visitando il Logto Console, o ospita la tua istanza seguendo la guida all'installazione.

Passi per l'integrazione#

Passo 1: Crea un'applicazione Logto#

1. Visita il Logto Console.
2. Naviga su "Applicazioni" e clicca "Crea applicazione".
3. Clicca "Crea app senza framework".
4. Seleziona "Web Tradizionale" come tipo di applicazione.
5. Dai un nome alla tua applicazione e clicca "Crea applicazione".

Passo 2: Installa il plugin#

1. Accedi al tuo sito WordPress.
2. Naviga su "Plugin" e clicca "Aggiungi nuovo".
3. Cerca "OpenID Connect Generic" e installa il plugin di daggerhart.
4. Attiva il plugin.

Passo 3: Configura il plugin#

1. Apri le impostazioni del plugin navigando su "Impostazioni" > "OpenID Connect Generic".
2. Compila i seguenti campi:
   • Client ID: L'ID dell'app della tua applicazione Logto.
   • Client Secret: Il segreto dell'app della tua applicazione Logto.
   • OpenID Scope: Inserisci email profile openid offline_access.
   • Login Endpoint URL: L'URL dell'endpoint di autorizzazione della tua applicazione Logto, che è https://[tenant-id].logto.app/oidc/auth, puoi cliccare su "visualizza dettagli endpoint" nella pagina dell'applicazione Logto per ottenere l'URL.
   • Userinfo Endpoint URL: L'URL dell'endpoint userinfo della tua applicazione Logto, che è https://[tenant-id].logto.app/oidc/me.
   • Token Validation Endpoint URL: L'URL dell'endpoint di convalida del token della tua applicazione Logto, che è https://[tenant-id].logto.app/oidc/token.
   • End Session Endpoint URL: L'URL dell'endpoint di fine sessione della tua applicazione Logto, che è https://[tenant-id].logto.app/oidc/session/end.
   • Identity Key: La chiave univoca nel token ID che contiene l'identità dell'utente, può essere email o sub, a seconda della tua configurazione.
   • Nickname Key: La chiave nel token ID che contiene il nickname dell'utente, puoi impostarlo su sub e cambiarlo successivamente.

Passo 4: Configura l'applicazione#

1. Nelle impostazioni del plugin, scorri verso il basso fino alla sezione "Note" e copia il valore "Redirect URI".
2. Nel Logto Console, vai nelle impostazioni della tua applicazione.
3. Aggiungi il valore "Redirect URI" copiato nel campo "Redirect URI".

Passo 5: Testa l'integrazione#

1. Esci dal tuo sito WordPress.
2. Visita la pagina di login di WordPress e clicca sul pulsante "Accedi con Logto".
3. Verrai reindirizzato alla pagina di accesso di Logto.
4. Accedi con il tuo account Logto.
5. Verrai reindirizzato al sito WordPress e sarai automaticamente loggato.

Passi finali#

Congratulazioni! Hai integrato con successo Logto con WordPress.

Per personalizzare ulteriormente l'integrazione, puoi esplorare funzionalità aggiuntive nella pagina delle impostazioni del plugin, come collegare utenti esistenti, personalizzare il pulsante di login, utilizzare la modalità SSO e altro ancora.