Protein Hazır Login Widget'ları Kullanımı
Protein siteleri için hazır giriş (login) widget'larının nasıl kullanılacağı hakkında kullanım kılavuzudur. Protein'de bir sitenin login sayfası üç farklı yöntemle oluşturulabilir:
- Sabit login.cfm: Herhangi bir ayar yapılmazsa login sayfası, oluşturulan portalın türüne göre Protein'in sabit login.cfm dosyasından gelir.
- Tema klasöründe login.cfm: Sitede seçilen temanın klasörüne bir login.cfm dosyası eklenirse, login sayfası bu dosyadan çalışır.
- Site Page Designer ile login sayfası: Site Page Designer'da login sayfası olarak işaretlenen bir sayfa tasarlanır ve sayfaya login widget'ları yerleştirilir. Bu wiki'de anlatılan widget'lar tam olarak bu yöntemde kullanılır.
Üçüncü yöntemde giriş sayfası her site için ayrı kodlanmaz; login sayfasına ilgili widget seçilip yerleştirilir. Dört farklı widget bulunur: Bireysel Üye Login, Kurumsal Login, Tek Kullanımlık Multi Login ve Kariyer Login. Hepsi e-posta ve 4 haneli PIN ile çalışır ve aynı cf_wrkauth altyapısını kullanır. Bu sayede bir Protein sitesine giriş eklemek, kod yazmaya gerek kalmadan tek bir arayüz üzerinden yapılabilir.
1. Doğru Widget'ın Seçilmesi
Öncelikle sitenin hangi kullanıcı tipine hizmet edeceği belirlenir ve buna uygun widget seçilir.
Widget | Kimler için | Uygun olduğu siteler |
|---|---|---|
Bireysel Üye Login | Bireysel müşteriler (consumer) | E-ticaret ve üyelik siteleri |
Kurumsal Login | Kurumsal üye çalışanları (partner) | Bayi ve tedarikçi portalları |
Tek Kullanımlık Multi Login | Bireysel ve kurumsal üyeler birlikte | Tahsilat, servis ve B2B portalları |
Kariyer Login | İş başvurusu yapan adaylar | Özgeçmiş ve başvuru siteleri |
2. Login Sayfasının Tasarlanması
- Site Page Designer'da yeni bir sayfa oluşturulur ya da mevcut bir sayfa açılır.
- Sayfa tasarımcısında Definitions sekmesine geçilir ve Login Design checkbox'ı işaretlenir. Bu işaret, sayfanın login sayfası olarak kullanılabilmesini sağlar.
- Widget listesinden ilgili login widget'ı seçilir ve sayfada istenen alana yerleştirilir.
- Sayfa kaydedilir. Ek bir kod gerekmez.
3. Login Sayfasının Siteye Bağlanması
- Sitenin detay sayfasına gelip Erişim sekmesine geçilir.
- Bu sekmedeki Login Design select box'ında, Definitions sekmesinde Login Design işaretlenmiş tüm sayfalar listelenir.
- Listeden tasarlanan sayfa seçilir ve kaydedilir. Bundan sonra site, login sayfası olarak bu tasarımı kullanır.
4. Giriş Akışı
Login sayfası siteye bağlandıktan sonra ziyaretçi tarafında giriş şu şekilde çalışır:
- Ziyaretçi e-posta adresini yazar,
- E-postasına 4 haneli bir PIN gönderilir,
- PIN girildiğinde giriş yapılır ve kullanıcı /welcome sayfasına yönlendirilir.
5. Tek Kullanımlık Multi Login ile Hesap Seçimi
Tek Kullanımlık Multi Login widget'ında akış diğerleriyle aynıdır, tek farkı hesap seçimidir:
- Kullanıcının yalnızca bir hesabı varsa (bireysel ya da kurumsal), PIN'den sonra doğrudan giriş yapılır.
- Kullanıcının hem bireysel hem kurumsal hesabı varsa, PIN'den sonra hangi hesapla gireceğini seçer ve ardından /welcome sayfasına yönlendirilir.
6. Sonucun Doğrulanması
İşlem bittiğinde:
- Tarayıcıdan sitenin giriş sayfasına girilerek tasarlanan login sayfasının ve kutunun görüntülendiği kontrol edilir.
- Kayıtlı bir e-posta adresiyle PIN istenir ve e-postanın geldiği kontrol edilir.
- PIN girilerek giriş yapılır ve /welcome sayfasına yönlendirildiği görüntülenir.
- Multi Login kullanılıyorsa, hem bireysel hem kurumsal hesabı olan bir kullanıcıyla hesap seçim ekranı da kontrol edilir.
7. Ortak Altyapı ve Görünüm
Dört widget da aynı cf_wrkauth altyapısını kullanır. Bu altyapıda yapılan bir düzeltme dört widget'a birden yansır, widget'ları tek tek güncellemek gerekmez. Widget'lar şimdilik sade bir kutu olarak gelir; görünümleri ileride gelecek Protein "login designer" ile sayfa tasarlar gibi düzenlenebilecektir.
Özet
Adım | Ne yapılır |
|---|---|
1 | Kullanıcı tipine göre doğru login widget'ını seç |
2 | Page Designer'da Definitions sekmesinden Login Design'ı işaretle, widget'ı yerleştir ve kaydet |
3 | Site detayında Erişim sekmesinden Login Design select box'ında tasarladığın sayfayı seç |
4 | E-posta → 4 haneli PIN → /welcome akışını test et |
5 | Multi Login'de iki hesabı olan kullanıcıyla hesap seçimini kontrol et |
6 | Sonucu tarayıcıdan doğrula |
7 | PIN e-postası gelmiyorsa spam klasörünü ve sitenin e-posta gönderim ayarlarını kontrol et |
Geri Bildirim
Workcube hakkında konuşalım mı?
Görüşme süresi doldu.