JAVA: Setup environment for developer Ep.2 (Tomcat)

หลังจากที่เราได้ Eclipse สำหรับเขียน code กันแล้วนะคับ ต่อไปเราต้องทราบว่าในการเขียน webapp จะต้องมีผู้ขอบริการ (request) และผู้ให้บริการ (response) ฉะนั้นเราจะจำลองผู้ให้บริการในเครื่องของเรา จึงต้องสร้าง webserver ขึ้นมาเพื่อรับ request ไปประมวลผล ซึ่งในที่นี้เราจะใช้ Tomcat 9 นะคับ คอยจัดการการร้องขอจาก webbrowser อ่ะ…มาเริ่มกันเลย

1. ไป download tomcat 9 มาก่อนเลยคับ ที่ link นี้

ในที่นี้ผมเลือก 64-bit Windows zip นะคับ

2. จะได้ zip file มา ให้ extract ได้เลยนะคับ ไม่ต้อง install

3. ต่อไป ให้ไปผูก Tomcat เข้ากับ Eclipse นะคับ โดยเปิดโปรแกรม Eclipse:
File >> New >> Other… >> Web >> เลือก Dynamic Web Project >> Next >> ตั้งชื่อ Project name: javawebapp_test >> เลือก Project location ตามที่เราต้องการเก็บ file >> เลือก New Runtime ให้เป็น Apache Tomcat v9.0

จากนั้น Next ต่อ >>

จากนั้นเราสามารถตั้งชื่อ Name ได้, เลือก Folder ที่เก็บ tomcat ที่เราโหลดมา, เลือก JRE: jre1.8.0_231 ตามในรูปเลยคับ >> Finish

จากนั้นก้อให้ใช้ Next technology ต่อนะคับ Next >> Next >>
จะพบ context root: javawebapp_test (ซึ่ง คำนี้คือ คำที่ไว้ต่อท้าย localhost ของเรานั่นเอง เวลาเรา run เว็บเรานะ) เช่น “ localhost:8080/javawebapp_test”

สุดท้ายติ๊กถูก Generate web.xml deployment descriptor + Finish เลยคับ

ติ๊กถูก โปรแกรมจะช่วยสร้าง web.xml ให้เรา

หลังจากนั้นโปรแกรมจะ install Dynamic web ให้เราอัตโนมัติ สร้างมาเป็น folder
“javawebapp_test” ฝั่งซ้ายมือนะคับ

ต่อไปเรามาทดลองสร้างเว็บสำหรับทดสอบกันเลยนะคับ
ให้ไปคลิกขวา WebContent >> New >> HTML File >> ตั้งชื่อว่า index.html >> Finish
(ถ้าเรากด Next เราจะสามารถเลือก version HTML ได้ด้วยนะ)

จากนั้นเราจะได้ index.html ขึ้นมาภายใต้ WebContent นะ

4. ทดลองสร้าง webpage ง่ายๆขึ้นมานะคับ โดยพิมพ์ <h1>Hello world</h1> ใน tag body ดูนะคับ + save file.

5. ทดลอง run webserver ดูนะคับ โดยไปคลิกขวาที่ index.html หรือ ถ้าต้องการ run ทั้ง project เลยก้อได้นะคับ ให้ไปคลิกขวาที่ javawebapp_test >> Run As >> Run on Server

จากนั้นให้เลือก Finish ได้เลยนะคับ เพื่อ runserver หรือ จะเลือก Next> เพื่อเข้าไป configure project ที่ต้องการ run ก่อนก้อได้นะคับ (ในทีนี่ผมเลือก Finish เลย)

6. จะพบว่า Eclipse ได้สร้าง tab ใหม่ขึ้นมา และ web ของเราก้อ run ขึ้นมาแล้วเช่นกัน ที่ url : “ http://localhost:8080/javawebapp_test/” โดยเราสามารถนำ url นี้ไป run ใน Browser ตัวอื่นๆได้เลยนะคับ

Web server Tomcat started แล้วนะคับ

เดี๋ยวมาพบกันตอนต่อไปนะคับ ตอนนี้เราจะมาว่ากันเรื่อง Servlet กันบ้างล่ะคับ.