PrimeFaces Captcha Kullanımı

PrimeFaces Dersleri‘ne hoşgeldiniz. (PrimeFaces Dersleri İçin Tıklayınız.)

Java Server Faces projelerinizde güvenlik kontrolü, bot kontrolü gerektiren durumlar için projelerimizde captcha kullanmamız gerekebilir. Captcha nedir derseniz Completely Automated Public Turing test to tell Computers and Humans Apart kelimelerinin baş harflerinden oluşan projelerinizde bot kontorlü yapan kullanıcılara rasgele metinler gösterip doğrulanmasını isteyen bir sistemdir.

Bu yapıyı PrimeFaces projenizde kullanmak isterseniz çözümü mevcut. PrimeFaces Captcha kontorlü için Google’ın reCaptcha alt yapısını kullanıyor. Bunun için Google reCaptcha’dan iki adet “Key” alıp PrimeFaces’in Captcha yapısına bu “Key”leri alıp tanımlamamız gerekmektedir.

Google’ın reCaptcha Public ve Private Key Alımı

Google’ın reCaptcha API’lerini kendi projemizde kullanmak için Public Key ve Private Key almamız gerekmektedir.

• http://www.google.com/recaptcha/intro/ adresine girin ve Get reCAPTCHA yazan yere tıklayarak Google Hesabınız ile giriş yapınız.
• 
• Ardından çıkacak sayfada size hangi sitede kullanmak istediğinizi soracaktır. Site isminizi yazdıktan sonra işlemi tamamlayınız
• Eğer hatasız bir şekilde bu işlemi bitirdiyseniz Google sizi bir sayfaya yönlendirecek Yukarıdaki resimde Public Key ve Secret Keylerinizin bulunduğu sayfaya yönlendirecek.

PrimeFaces Captcha Kullanımı

PrimeFaces Captcha Kullanmak için gerekli olan yapı sadece,

<p:captcha label="Kontrol"/>

yazmak yeterli.

Bu tag’ın çalışması için için Google’dan aldığımız “Key”leri projemize ekleyip PrimeFaces’in Captcha kontrolünün sorunsuz çalışmasını sağlacağız. web.xml  dosyasına eklememiz gerekmektedir.

<context-param>
    <param-name>primefaces.PUBLIC_CAPTCHA_KEY</param-name>
    <param-value>PUBLIC_KEY</param-value>
</context-param>

<context-param>
    <param-name>primefaces.PRIVATE_CAPTCHA_KEY</param-name>
    <param-value>PRIVATE_KEY</param-value>
</context-param>

Gerekli alanlara  bu keyleri ekleyelim ve projemizin alnalarını düzenleyip çalıştıralım.

 <p:outputLabel for="captcha" value="Güvenlik Kontrolü"/>
 <p:captcha label="Kontrol" id="captcha"/>

Çalıştıralım.

Projemize Captcha eklemiş olduk ve sorunsuz bir şekilde çalışmakta.

PrimeFaces Captcha Özellikleri

Default ayalarında ingilizce olarak gelmektedir. Türkçe diline ayarlamanız gerekiyor ise;

<language="tr"/>

eklemeliyiz.

Gerekli alan olmasını istiyorsanız ki gerekli alan kesinlikle olması gerekmektedir.

required="true"

Belirli bir duruma göre gösterilip gösterilmeme durumu için;

rendered="true"

Renk ya da tema değiştirmek için;

theme="red"

gibi özellikler ekleyebiliriz.

PrimeFaces Captcha Uygulaması

Basit bir örnek yapalım.

<h:form>
    <p:outputLabel for="ad" value="Adınız"/>
    <p:inputText id="ad" value="#{bean.ad}" required="true/>

    <p:outputLabel for="kontrol" value="Güvenlik Kontrolü"/>
    <p:captcha label="Captcha" id="kontrol" required="true" language="tr" rendered="true"/>

    <p:commandButton value="Kaydet" id="submit" actionListener="#{buttonView.buttonAction}"/>
</h:form>

PrimeFaces kullanarak bot ve güvenlik kontrolünü bu şekilde yapabiliyoruz.