JSF Tutorial 2 – Eclipse + Tomcat + JSF Kurulumu

Ara 05
2009

Bir önceki makalemiz JSF’a giriş niteliğinde bir makaleydi.Bu makalede ise JSF için kullanabileceğimiz ide ve sunucuları kısaca tanıttıktan sonra geliştirme ortamımızın kurulumunu gerçekleştireceğiz.

Java dünyasındaki araç bolluğu kendisini ide’ler konusunda da göstermektedir.Netbeans, JDeveloper, Intellij Idea ve tabikide Eclipse.Eclipse’in fazlasıyla gelişmiş plugin desteği sayesinde çok sayıda gelişmiş Eclipse türevi(Ibm Rad, MyEclipse, JBoss Tools…) bulunmaktadır. JSF projeleri için bazı üstadlardan öğrendiğim bilgiler ve kendi naçizane tecrübelerim ışığında Netbeans’in veya Eclipse üzerine kurulu JBoss Tools’un iyi bir seçim olabileceğini söyleyebilirim.Özellikle hızlı uygulama geliştirmek isteyenler için Netbeans’in visual editörü gerçekten iyi.Tabi bu şekilde görsel idelerle çalışmak esnekliğinizi(bu da büyük projeler için çok önemlidir) yitirmenize sebep olabilir.Elle kod yazmak başlangıçta zor gelsede zamanla faydasını göreceksiniz.Benim favori geliştirme ortamım ise Eclipse üzerine kurulu JBoss Tools.Biz bu tutorial serisinde kendi içerisinde Web Tools Platform(web projeleri geliştirebilmek için) plugini kurulu olarak gelen Eclipse kullanacağız.Saf Eclipse ile uygulama geliştirmek biraz zor gelebilir ancak temelleri öğretebilmek için bunun daha faydalı olacağını düşünüyorum.

Sunucu olarakta Apache Tomcat kullanacağız.Tomcat gibi bir servlet container yerine JBoss, Sun GlassFish veya Ibm Websphere gibi uygulama sunucuları kullanılabilir.Bu tarz uygulama sunucularının çok gelişmiş özellikleri bulunmakta ve büyük çapta projelerde, kurumsal firmaların kendi sunucularında kullanılmaktadır.Dolayısıyla bizim için bu tarz bir uygulama sunucusu gereksiz olacaktır.Ayrıca bireysel projeleriniz için de kesinlikle Tomcat kullanmalısınız, aksi taktirde web sitenizi bir hosting firmasında barındırabilmeniz imkansız olacaktır.

Not : Verdiğim ide ve sunucu örneklerinden Ibm Rad, MyEclipse ve Ibm Websphere paralı uygulamalardır.Diğerlerini internetten indirip bedava kullanabilirsiniz.

Ide’ler ve sunucular hakkında bu kısa girişten sonra asıl konumuza, geliştirme ortamının kurulumuna geçebiliriz.Eclipse Galileo, Apache Tomcat 6.0.20, JSF’nin 1.2(Sun Reference Implementation-Sun RI) sürümü kurulacaktır.

Kuruluma Giriş:

Öncelikli olarak bilgisayarınıza jdk kurulmuş olmalıdır.Bunun için internette yeterince döküman var zaten.Jdk’nın kurulumunu yaptıktan sonra aşağıdaki dosyaları indiriyoruz.

  1. Eclipse : http://www.eclipse.org/downloads/ sayfasından Eclipse IDE for Java EE Developers dosyasını indirip bilgisayarımıza kaydediyoruz.An itibariyle Eclipse Galileo sürümü en son sürümdür ve anlatım onun üzerinden yapılmıştır ancak daha yeni veya daha eski bir sürümde de çok farklı olmayacaktır.
  2. Apache Tomcat : http://tomcat.apache.org/download-60.cgi sayfasından aşağıda görüldüğü gibi, Tomcat 6.0′ın binary zip dosyasını indiriyoruz.
    tomcat_site
  3. JSTL 1.2 : http://download.java.net/maven/1/jstl/jars/ sayfasından jstl-1.2.jar dosyasını bilgisayarımıza indiriyoruz.

Not : JSF için gerekli olan jar dosyalarını manuel olarak indirmeyip, proje oluşturma esnasında eclipse tarafından indirilip projeye eklenmesini sağlayacağız.

Programların Kurulması:

  1. İndirmiş olduğumuz eclipse ve tomcat ziplerini istediğimiz, herhangi bir yere açıyoruz.Ben bu makale için C:\tutorial klasörünü kullanacağım.
  2. İndirmiş olduğumuz jstl-1.2.jar dosyasını tomcat altında lib klasörüne kopyalıyoruz.

Tomcat’i Eclipse’e Tanıtma:

  1. Açmış olduğumuz eclipse klasöründen eclipse.exe dosyasını çalıştırıyoruz.Eclipse ilk çalıştırma esnasında kaynak kodları, konfigürasyon dosyaları ve bazı kütüphane dosyalarını tutacağı bir çalışma dizini belirtmenizi ister.Benim için bu dizin C:\tutorial\workspace şeklinde.Siz yine istediğiniz yeri belirtebilirsiniz.Bunun ardıdan bizi Eclipse’in giriş sayfası karşılayacak.
    selectWorkspaceeclipse_giris
  2. Karşılama sayfasında Workbench‘e tıklayarak Eclipse’in ana ekranına giriş yapıyoruz.
    Eclipse Ana Ekran
  3. En alt panelde Servers sekmesine geçiyoruz.Bu panelin içinde sağ tıklayıp New–>Server ‘ı tıklıyoruz.
  4. Server seçeneklerinden Tomcat v6.0 Server‘ı seçip Next diyoruz.
    Server Seçme Ekranı
  5. Sonraki ekrandan Browse diyerek Tomcat dizinini gösteriyoruz.Benim için adres C:\tutorial\apache-tomcat-6.0.20 şeklinde.JRE’yi de jre6 olarak değiştirip Finish diyoruz.
    Server Tanımlama
  6. Şu anda Servers paneline bakarsak Tomcat’in orda olduğunu görürüz.Çift tıklayarak Tomcat yapılandırma dosyasının açılmasını sağlıyoruz.Server Locations sekmesinden Use Tomcat installation‘u seçiyoruz.
    Server Ayar
  7. Hemen ardından CTRL+S yaparak yaptığımız ayarların kaydedilmesini sağlıyoruz.Ardından bu sayfayı kapatabiliriz.
  8. Servers panelinde Tomcat’e sağ tıklayıp Start diyoruz.
    Server'ı başlatma
  9. Server başladıktan sonra bir browserda http://localhost:8080/ adresine giriyoruz(Tomcat varsayılan olarak 8080 numaralı portu dinler ancak isterseniz bunu değiştirebilirsiniz).Eğer herhangi bir sorun çıkmadıysa şekildeki gibi bir ekran sizi karşılayacak.
    Tomcat Başlangıç Sayfası

Bu aşamadan sonra Tomcat üzerinde koşacak olan JSF projesi tanımlayabiliriz.

JSF Library’lerini indirmek Ve İlk JSF Örneği:

  1. Eclipse ekranından, Project Explorer panelinin içine sağ tıklayıp New–>Project diyoruz.
    Yeni Proje
  2. Açılan sihirbazdan Web altından Dynamic Web Project‘i seçiyoruz.
    Yeni Proje2
  3. Şimdiki adım çok önemli.Öncelikli olarak projeye bir isim vermeliyiz.Demo ismini veriyoruz.Target Runtime kısmı daha önce tanımladığımız server’a ayarlanmış olacaktır.Dynamic web module version’u 2.5 olarak seçiyoruz.Configuration’u da JavaServer Faces v1.2 Project olarak değiştirip next diyoruz.
    Yeni Proje3
  4. Sonraki iki ekranı da next diyerek geçiyoruz.
  5. Burası JSF library’lerini ekleyeceğimiz ekran.JSF Implementation Library alanında bulunan geniş metin alanının yanındaki dosya yükleme butonuna tıklıyoruz.
    Yeni Proje4
  6. Kısa bir taramadan sonra aşağıdaki ekran gelecek.Biz Sun’ın referans implementasyonu ile çalışacağımız için JSF 1.2 (Sun RI)’yi seçip next diyoruz.
    Yeni Poje5
    Not: Download destination’da gördüğünüz gibi Eclipse indirdiği dosyaları workspace’imizin altındaki libraries klasörüne atıyor.Bir sonraki proje oluşturulduğunda tekrar aynı workspace’i kullanırsanız Eclipse bu sefer internetten indirmeyip direk olarak libraries klasöründen projeye ekleyecektir.Başka bir workspace oluşturmanız durumunda 5. adımda, indirme butonu yerine onun üstündeki renkli butona tıklayıp New butonuna tıklıyoruz.Açılan kutucuktan jsf-1.2 benzeri bir isim verip Ok diyoruz.Ardından Add JARs.. butonuna tıklayıp, indirmiş olduğumuz klasörden /mojarra-1.2_12-b01-FCS/lib yolunu izleyerek  jsf-api.jar ve jsf-impl.jar jarlarını ekleyip Ok diyoruz.Bu durumda da yine JSF jarlarını projeye eklemiş oluyoruz.
  7. Sonraki adımda lisans anlaşmasını kabul ediyoruz ve finish diyoruz.Eclipse dosyaları internetten indirmeye başlıyor.
    Yeni Proje6Yeni Proje7
  8. Sonraki ekrandan İnclude libraries with this application‘a da tik atıp finish diyoruz.Böylece JSF projemiz oluşturulmuş oluyor.
    Yeni Proje8
  9. Tekrar Servers panelinde, Tomcat’a sağ tıklayıp Add And Remove.. diyoruz.Bu ekranda Tomcat üzerinde çalışan projeler görülebilir.Eğer oluşturduğmuz Demo projesi Available altında ise seçip Configured altına alıp, finish diyoruz.
    Tomcat'e Proje Ekleme
  10. Tekrar Servers panelinde Tomcat’e sağ tıklayıp Restart diyoruz.
  11. Şu anda Projects panelinde oluşturduğumuz Demo adlı proje görünür durumda.Demo üzerinde sağ tıklayıp New–>JSP diyoruz.
  12. Açılan ekranda WebContent‘in seçili olduğundan emin olalım ve dosya ismini de helloWorld olarak belirleyip Next diyoruz.
    Yeni JSF Dosyası
  13. Bu ekrandanda JSF sayfamız için şablon olacak dosya yapısını seçmemiz gerekiyor.New JavaServer Faces (JSF) Page(html)‘i seçip (en üstteki) finish diyoruz.
    Yeni JSF Dosyası2
  14. Açılan dosyada, <f:view> </f:view> arasına <h:outputText>hello world </h:outputText> kodunu yapıştırıp, kaydediyoruz.
  15. Servers panelinde Tomcat’e sağ tıklayıp Publish dememiz yeterli, ancak hatalardan temizlenmesi için Publish yerine Clean.. yapmamız daha iyi olacaktır.Sonrada Publish yapıyoruz ve bowser’ımızda http://localhost:8080/Demo/helloWorld.jsf adresine gidiyoruz.Eğer sizde aşağıdaki ekranı görüyorsanız geliştirme ortamınız sorunsuz bir şekilde kurulmuş demektir.
    İlk JSF Sayfası

Geliştirme ortamının kurulumunu da gerçekleştirdiğimize göre artık yavaş yavaş JSF’nin derinliklerine doğru yol alabiliriz.Bir sonraki makalede görüşmek üzere.

Bookmark and Share

“JSF Tutorial 2 – Eclipse + Tomcat + JSF Kurulumu” için 8 Yorum var

  1. leyla diyor ki:

    Fatihcim öncelikle seni sabırlı ve titizli bu çalışmandan dolayı tebrik ederim.Sonra da tam benim seviyeme göre bir tutorial hazırlamandan ötürü teşekkür ederim .Her ne kadar adım adım takip etsemde başarılı bir sonuç alamadım hata verdi ama daha sonra tekrar deneyip önerilerine başvurcağım elbette…Devamını vaktin elverdiği ölçüde tabi ki , daha sık aralıklarla bekliyor olacağım….

    İyi çalışmalar….

  2. fatih çelik diyor ki:

    @Leyla hata olması biraz zor gibi çünkü bu makale üzerinden bende bir kaç defa denedim, hatasız olduğunu görmek için.Eğer aldığın hatayı yazarsan belki yorum yapabilirim.Son olarakta en son adımda da bazen server’ı restart etmen gerekebilir. Normalde böylesi bir şeye ihtiyaç yok ama bir-iki kez karşılaştığımı hatırlıyorum.

  3. Hakan Müştak diyor ki:

    Ellerine sağlık fatih; çok güzel bir kaynak olmuş. Tomcatle startup yazısı çok görüyorum ama glassfish konusu güzel bir artı olmuş.
    Ellerine sağlık

  4. osman diyor ki:

    çok başarılı bir çalışma olmuş, ellerine sağlık

  5. pelin diyor ki:

    ellerrinize sağlık çok düzenlii ve anlasılır olmus.
    Çok ihtiyacım vardı böyle bir yazıya , Teşekkür ederimm.

  6. İbrahim SARI diyor ki:

    Fatih bey,
    verdiğiniz bilgiler soyadınız gibi olmuş. Adım adım şaşırmadan yapmak dikkat istiyor. Aklınıza, ellerinize sağlık. Acele devamını bekliyoruz. Teşekkürler.

  7. ilker Eker diyor ki:

    Ben çok faydalı buldum. Ellerinize sağlık. Arayı soğutmadan devamını bekliyoruz Tşkler.

  8. karas karas diyor ki:

    fatih bey yazınız için çok teşekkürler.
    benim bazı sorularım olacak.

    1)richfaces nasıl eklenecek.

    2)projemde xhtml dosyası nasıl oluştururum.

Yorum Yapın