Review ภาษา jsp แบบจับมือทำ #1 ติดตั้ง JDK และ อีแมวนรกกก (Tomcat)

บล็อคผมไร้สาระมาเยอะละ วันนี้ขอเป็นเด็กเรียนวันนึง อันนี้เป็นผลตกผลึกมาจาก การเรียน JSP ในคาบแรกวันนี้ เขียนเก็บไว้งั้นแหละ วันนึงเราอาจจะได้กลับมาดู อีกครั้ง ^^ ในขณะที่กำลังเขียนบล็อคนี้ ก็กินมาม่าไปเขียนไป เวลา 23:30

การติดตั้งโปรแกรม เพื่อใช้งานภาษา JSP

การติดตั้งโปรแกรมเพื่อใช้งานภาษา JSP นั้นไม่ใช่เรื่องยาก (แต่ยากมากตอนทำครั้งแรกเนี่ย หัวร้อนชิบ) ที่สำคัญเราจะต้องมี JDK และเราก็ไปหาพวกโปรแกรมจำลอง Server มาติตดั้ง ในที่นี้จะขอใช้ Tomcat เพราะในห้องเรียนใช้ Tomcat ยังไม่เคยลองตัวอื่นฮ่ะะะ

อีแมวนรกกก!!!
อ๋อ ผมเพิ่งไปหาข้อมูลมา Tomcat น่าจะเหมาะที่สุดละกับการเขียน JSP (คิดเอาเอง เพราะติดตั้งง่าย มันดูไม่เยอะ จัดการง่ายดี ใช้ได้กับทุก OS
ที่มา : http://www.thaicreate.com/java/java-jsp-intro.html

สำหรับไฟล์ที่ใช้ในการติดตั้ง ผมก็จะใช้ ไฟล์ที่ได้มาตอนเรียนนะครับ 
ดังนี้
1. j2sdk-1_4_2_19-windows-i586-p (jdk โบราณม๊ากกก ตั้งแต่ Oracle ยังไม่ซื้อ Sun Microsystem) 
2. jakarta-tomcat-5.0.16 (นี่ก็โบว์พอกัน) 
สำหรับในห้องเรียนใช้ Windows 7 สามารถ Install ได้ปกติ แต่ โน๊ตบุคผมใช้ Windows 10 เรามาดูกันว่ามันจะใช้ได้มั้ย

แถ่แดดดด!!! jdk 32bit กับ tomcat 5.0

มาเริ่มกันที่โปรแกรมแรก jdK นะฮ้าบบบบบ
Step 1 : ดับเบิ้ลคลิก กลิ๊กกลิ๊ก รอมันโหลดแพ๊พ

Step2 : กด Accept เลยแก และก็ Next วนไป

Step 3 : ระบุโฟลเดอร์ที่ติดตั้ง ให้ใช้ค่าตามนั้นเลย

Step 4 : เลือก web browser ที่มีติดตั้งในเครื่อง โดย JVM จะเป็นตัว ช่วยในการรันโค๊ดภาษา Java

Step 5 : นอนตีพุง รอวนไป จนเสร็จ …

Set Path ให้มันก่อนใช้งานนะ

สำหรับวินโดว์ 10 ให้คลิกขวาที่ This PC — -> เลือก Properties

เลือก properties

จะปรากฎหน้าต่างขึ้นมา ให้คลิกที่ Advanced System Settings จะปรากฎหน้าจอ System Properties ดังรูป

จากนั้นให้คลิกที่ Environment Variables… (จุดตามกระแส)

จะปรากฎหน้าต่าง System Variable เลื่อนหาคาว่า PATH ดูว่ามีหรือยัง (1) โดยกด Edit (2) ถ้ามี ก็ให้เพิ่ม Directory j2sdk ที่เราลงไปตอนแรก ซึ่งในที่นี้อยู่ใน Drive C: เพิ่มลงไปต่อท้าย โดยกด New แล้วใส่ Directory ลงไป (3) *** ทำตามภาพ ละกด Ok ที่มี และปิด

ทดสอบว่า Path ที่เรา Set แล้วว่าได้ผลมั้ย ให้ไปที่ command promt ของ Windows ทดสอบพิมพ์คำว่า javac ดู ถ้าขึ้นหน้าต่างแบบนี้ ก็ถือว่าได้แล้วจ้าาา

ทีนี้เราจะยังรัน jsp ไม่ได้ เพราะว่ายังไม่มีตัวจำลอง Server ทีนี้เราจะมาลง Tomcat กันน

วิธีการลง Tomcat (อีแมวนรก)

Step1 : หน้าจอต้อนรับ ของมัน Next ไปเหอะ

Step2 : มาถึงหน้าจอของ License Agreement แสดงสิทธิการใช้งาน กด I Agree (โอเคยอมรับแต่โดยดี)

Step3 : เลือกชุดโปรแกรมที่จะติดตั้ง ตามภาพ ให้ใช้ Normal

Step4 : ตรง Destination Folder ให้ แก้จากชื่อย๊าวยาว เป็น C:\Tomcat เพื่อเวลาเราจะเรียกใช้ อัพไฟล์ไปทดสอบบน localhost จะได้สะดวก จากนั้น Next !

Step5 : Http port ให้คงเดิม และตั้ง username /password ที่สามารถจำได้ง่าย และกด Next

Step6 : เลือก Path ที่ติดตั้ง JDK ซึ่งที่ติดตั้งในข้างต้นเราติดตั้งไว้ drive C ข้างหน้าสุด ให้เปลี่ยนตาม Path ที่เราติดตั้ง [C:\j2sdk1.4.2_19]

Step7 : รอวนไป

Step8 : เสร็จแล้วกด Finish

ทดสอบหน่อยสิ๊ ว่าติดม๊ายย ให้หาเบราเซอร์ที่ชอบมาซัก 1 อัน ในที่นี้จะใช้ Internet Explorer เพราะชอบในความ Classic ของมัน ก่อนใช้งาน กด Start Tomcat ก่อนนะ ซึ่งตัวโปรแกรมอยู่ใน Startmenu ลองหาดู

อัยย๊ะ ติดละโว้ยยยยย

เรากลับมาดูเรื่อง Path กันต่อ ให้คลิกจนมาถึงหน้า Set Path แบบนี้ ถ้าลืม ย้อนกลับไปดูด้านบนนาจาาา

__________________Set อันที่ 1 __________________

ภาพนี้ ตรง Variable name ให้ใส่ JAVA_HOME และ Vairable value ให้ใส่ Path ที่ jdk ติดตั้งอยู่ ซึ่งแล้วแต่เครื่องด้วยนะฮะ อันนี้ แต่ถ้าตามบล็อคนี้ ให้ยึดตามด้านล่างเลยจ้า

__________________Set อันที่ 2 __________________

ภาพนี้ ตรง Variable name ให้ใส่ CATALINA_HOME และ Vairable value ให้ใส่ Path ที่ TOMCAT ติดตั้งอยู่ ซึ่งแล้วแต่เครื่องด้วยนะฮะ อันนี้ แต่ถ้าตามบล็อคนี้ ให้ยึดตามด้านล่างเลยจ้า

ทีนี้มาทดลองโปรแกรมกันว่าสามารถใช้งานได้มั้ย?
พิมพ์ http://localhost:8080/jsp-examples/ จะเป็นตัวอย่างโปรแกรมที่ได้ติดตั้งไว้ใน Tomcat ให้ลองคลิก Execute ดู ถ้าโปรแกรมตัวอย่างสามารถทำงานได้ แสดงว่า การติดตั้ง JSP สามารถใช้งานได้

เปิดได้แล้ว ลองคลิก Excecute ดู
++++ Hello World ++++

ทีนี้ Directory ที่ใช้ในการ Run ตอนเราเขียน code จะอยู่ ที่ webapps\ROOT ภายใต้โฟลเดอร์ของ Tomcat ที่ติดตั้ง โดยสามารถเรียกดูด้วย Web browser ตอนนี้สำหรับเครื่องผม Set Path ก็สามารถใช้งานได้ปกติครับ

มาแล้ว HelloWorld

ถ้าเครื่องใครมีปัญหา มันรันไม่ขึ้น มีวิธีแก้ไขง่ายๆคือ ต้องย้ายไฟล์ tools ที่อยู่ใน folder j2sdk ซึ่ง Path จะอยู่ใน C:\j2sdk1.4.2_19\lib ไปไว้ ใน C:\Tomcat\common\lib ด้วยนะเออ

แต่แปลกดีนะ ผมทำเครื่องในห้อง LAB คณะไม่ติดแต่มาทำใน notebook ตัวเอง ติดซะงั้นนนน

ขอบคุณพี่ตะวัน IT 16 ด้วยค๊าบบบบ

ขาดไม่ได้เลย ถ้าไม่ได้ อาจารย์และเพื่อนๆ คงไม่มีบล็อคนี้เกิดขึ้น
ขอบคุณ
อาจารย์ประดิษฐ์ พิทักษ์เสถียรกุล | ชีท JSP ที่เรียนวันนี้ ทำให้ผมติดตั้งเป็น
อาจารย์ปองพล สพันธุ์พงษ์ | ทำให้รู้จัก JSP และติดตั้งเป็น และแก้ปัญหาเป็น
ขอบคุณเพื่อนเซค A ที่ช่วยผมวันนี้ ขอบคุณคนนั่งข้างๆ มาย แนน แชมป์ ที่มาช่วยดูให้

นอนและบาย