WordPress Entegrasyonu

Bu kılavuz, OIDC eklentisini kullanarak Logto'yu WordPress ile entegre etme sürecinde size yol gösterecek. Ancak önce, entegrasyon tamamlandıktan sonra kullanıcı deneyimine bir göz atalım.

Logto entegrasyonu ile oturum açma süreci#

1. Kullanıcı, varsayılan olarak [SITE URL]/wp-login.php olan WordPress sitesinin oturum açma sayfasına erişir ve OIDC ile oturum açma düğmesi vardır.
2. Kullanıcı düğmeye tıklar ve özelleştirilmiş oturum açma deneyiminizle birlikte kullanıcıyı Logto'nun oturum açma sayfasına yönlendirir.
3. Kullanıcı bir oturum açma yöntemi seçer ve Logto kullanıcıyı kimlik doğrular.
4. Kullanıcı doğrulandıktan sonra, Logto kullanıcıyı WordPress sitesine geri yönlendirir.
5. WordPress, yeni bir kullanıcı hesabı oluşturur veya mevcut kullanıcı hesabını oturum açtırır ve kullanıcıyı önceki sayfaya yönlendirir.

Artık Logto'yu WordPress ile entegre etmenin nihai sonucunu gördüğümüze göre, işe koyulalım ve entegrasyon sürecine dalalım.

Ön Koşullar#

Başlamadan önce şunlara sahip olduğunuzdan emin olun:

1. Bir WordPress sitesi: Tamamen işleyen bir WordPress sitesine ihtiyacınız var. Eklentileri yönetmek ve ayarları yapılandırmak için yönetici erişimine sahip olun.
2. Bir Logto örneği: Logto Konsol adresini ziyaret ederek yeni bir Logto örneği oluşturun veya kurulum kılavuzunu takip ederek kendi örneğinizi barındırın.

Entegrasyon Adımları#

Adım 1: Logto uygulaması oluşturun#

1. Logto Konsol adresini ziyaret edin.
2. "Uygulamalar" bölümüne gidin ve "Uygulama oluştur" seçeneğine tıklayın.
3. "Çerçevesiz uygulama oluştur" seçeneğine tıklayın.
4. Uygulama türü olarak "Geleneksel Web" seçeneğini seçin.
5. Uygulamanıza bir ad verin ve "Uygulama oluştur" seçeneğine tıklayın.

Adım 2: Eklentiyi Yükleyin#

1. WordPress sitenizde oturum açın.
2. "Eklentiler" bölümüne gidin ve "Yeni Ekle" seçeneğine tıklayın.
3. "OpenID Connect Generic" eklentisini arayın ve daggerhart tarafından geliştirilen eklentiyi yükleyin.
4. Eklentiyi etkinleştirin.

Adım 3: Eklentiyi Yapılandırın#

1. "Ayarlar" > "OpenID Connect Generic" bölümüne giderek eklenti ayarlarını açın.
2. Aşağıdaki alanları doldurun:
   • Müşteri Kimliği: Logto uygulamanızın uygulama kimliği.
   • Müşteri Sırrı: Logto uygulamanızın uygulama sırrı.
   • OpenID Scope: email profile openid offline_access yazın.
   • Giriş Başlangıç URL'si: Logto uygulamanızın yetkilendirme başlangıç URL'si, https://[tenant-id].logto.app/oidc/auth, Logto uygulama sayfasında "başlangıç detaylarını göster" seçeneğine tıklayarak URL'yi alabilirsiniz.
   • Kullanıcı Bilgileri URL'si: Logto uygulamanızın kullanıcı bilgileri URL'si, https://[tenant-id].logto.app/oidc/me.
   • Token Doğrulama URL'si: Logto uygulamanızın token doğrulama URL'si, https://[tenant-id].logto.app/oidc/token.
   • Oturumu Sonlandırma URL'si: Logto uygulamanızın oturumu sonlandırma URL'si, https://[tenant-id].logto.app/oidc/session/end.
   • Kimlik Anahtarı: Kullanıcı kimliğini içeren ID token'ındaki benzersiz anahtar, yapılandırmanıza bağlı olarak email veya sub olabilir.
   • Takma Ad Anahtarı: Kullanıcının takma adını içeren ID token'ındaki anahtar, sub olarak ayarlayabilir ve daha sonra değiştirebilirsiniz.

Adım 4: Uygulamayı Yapılandırın#

1. Eklenti ayarlarında, "Notlar" bölümüne gidin ve "Yönlendirme URI'si" değerini kopyalayın.
2. Logto Konsol'da uygulamanızın ayarlarına gidin.
3. Kopyaladığınız "Yönlendirme URI'si" değerini "Yönlendirme URI'leri" alanına ekleyin.

Adım 5: Entegrasyonu Test Edin#

1. WordPress sitenizden çıkış yapın.
2. WordPress giriş sayfasını ziyaret edin ve "Logto ile Giriş Yap" butonuna tıklayın.
3. Logto oturum açma sayfasına yönlendirileceksiniz.
4. Logto hesabınızla giriş yapın.
5. WordPress sitesine geri yönlendirilecek ve otomatik olarak giriş yapılacak.

Son Adımlar#

Tebrikler! Logto'yu WordPress ile başarılı bir şekilde entegre ettiniz.

Entegrasyonu daha da özelleştirmek için eklentinin ayar sayfasındaki ek özellikleri keşfedebilir, mevcut kullanıcıları bağlama, giriş düğmesini özelleştirme, SSO modunu kullanma ve daha fazlasını yapabilirsiniz.