Kuika'nın Recaptcha elementi, uygulamalarınızı otomatik işlemlerden ve botlardan korumanıza olanak tanır. Güvenli ve kullanıcı dostu bir doğrulama süreci sağlayarak, yalnızca gerçek kullanıcıların erişim sağlamasını garantiler. Recaptcha, formlarda ve giriş ekranlarında güvenlik seviyesini artırmak için etkili bir araçtır. Bu eğitim içeriğinde, Recaptcha elementini nasıl kullanacağınızı, doğrulama ayarlarını nasıl yapacağınızı ve uygulamanızın güvenlik seviyesini nasıl yükseltebileceğinizi öğreneceksiniz.
Bu eğitim içeriği aşağıdaki başlıklardan oluşmaktadır:
2. “UI Design” (1) modülünde, sol kenarda bulunan “Elements” (2) panelinden “Interactive” (3) kategorisi altındaki ReCaptcha elementini (4) ekrana sürükleyip bırakın.
ReCaptcha elementini kullanabilmek için, her platform (Web, Android, iOS) için farklı key bilgileri gerekmektedir. Google ReCaptcha hizmetinden alınacak bu anahtarlar, platforma özel olarak oluşturulmalıdır. Web, Android ve iOS için ayrı ayrı alınan key bilgileri, doğru doğrulama süreci sağlamak için her platforma özgü olarak Configuration Manager modülündeki Google Recaptcha alanına girilmelidir.
Google Console ReCaptcha Ayarları
Google ReCaptcha anahtarlarını almak için aşağıdaki adımları takip edin:
WEB Key Alma
Android Key Alma
iOS Key Alma
Bu aşamaya kadar Web, Android ve iOS key’leri oluşturduk. Şimdi aldığımız key’leri Kuika platformunda kullanacağız.
WEB Entegrasyonu
Android Entegrasyonu
iOS Entegrasyonu
Bu adımları tamamladıktan sonra, UI Design modülüne geri dönün.
ReCaptcha elementine sağ kenardaki ADD VALIDATION butonundan Validation ekleyin.
Daha sonra, Recaptcha doğrulamasını eklemek istediğiniz butona OnClick→ Verification→ Verify ReCaptcha Token aksiyonunu ekleyin. Eğer çıkış işlemi gerekiyorsa, Logout aksiyonunu ekleyin.
Yani, Recaptcha doğrulaması eklemek için, doğrulama yapılması gereken butona Verify ReCaptcha Token aksiyonunu, çıkış yapılması gereken butona ise Logout aksiyonunu ekleyebilirsiniz.
Daha fazla bilgi için "Verify ReCaptcha Token" dokümanını inceleyebilirsiniz.
Hata ve Sorun Giderme
Uygulamanızın ekran ve elementlerinde, "Anonymous Access" ve "All Roles Access" yetkilendirme seçenekleri ile kullanıcı erişimini özelleştirebilirsiniz. "Anonymous Access" herhangi bir hesap bilgisi sorgulaması olmadan erişimi mümkün kılarken, "All Roles Access" ile kullanıcı hesap bilgileri doğrulanarak erişim sağlanır.
Element düzeyinde yetkilendirme için, ilgili elementi seçip Properties panelinden "Authorization" ayarlarını düzenleyerek, uygulamanızın güvenlik ve kullanıcı deneyimini yönetebilirsiniz.
Ekranların veya elementlerin görünürlüğünü ayarlamanıza olanak tanır. Elementler'de Visibility, belirli bir durum veya koşula göre görünürlüğü düzenlemenizi sağlar. Her bir element için her zaman görünür olmasını, gizli olmasını veya bir koşula bağlı olarak görünüp gizlenmesini sağlayabilirsiniz.
Elementleri düzenlenebilir hale getirmenize olanak tanır.
Elementlerinizi Styling Paneli ile özelleştirerek, web ve mobil uygulamalarınızda benzersiz ve etkileyici kullanıcı arayüzleri oluşturabilirsiniz.