วิธีติดตั้งโปรแกรม appserv สำหรับผู้ที่เริ่มต้นเขียนเว็บไซด์

สำหรับเพื่อนๆหรือผู้ที่กำลังสนใจในการทำเว็บไซด์ หลายๆคนอาจคุ้นเคยกันดีกับการใช้งานโปรแกรม appserv ที่พัฒนาโดยคนไทย คือคุณภาณุพงศ์ ปัญญาดี เจ้าของ appserv hosting ครับ appserv เป็นโปรแกรมที่นำมาใช้งานจำลองเครื่องคอมพิวเตอร์เราให้เป็นเซิร์ฟเวอร์ในการทดสอบการใช้งานโค้ดภาษาต่างๆอาทิ HTML,PHP,Javascript,MySQL เพื่อจัดทำเว็บไซด์ขึ้นมานะครับ

 วิธีติดตั้ง appserv

เรามาดูวิธีการติดตั้งกันเลยนะครับ ก่อนอื่นให้เตรียมโปรแกรม appserv ที่เราต้องการติดตั้งก่อนนะครับ หากไม่มีให้คลิกดาวน์โหลด appserv ที่นี่ครับ

หน้าหลักเว็บ appservnetwork

หากเข้าในเว็บไซด์ ให้คลิกลิงก์ตรงลูกศรสีเหลือง เพื่อดาวน์โหลดโปรแกรม appserv ครับ

รอดาวน์โหลดโปรแกรม appserv

รอสักครู่ครับจะมีป๊อปอัพข้อความให้เราบันทึกโปรแกรมลงคอมพิวเตอร์ หากไม่แสดงข้อความ ให้กด direct link เพื่อโหลดโดยตรงครับ

 

วิธีติดตั้งโปรแกรม appserv

ดับเบิ้ลคลิกเปิดโปรแกรมที่ดาวน์โหลดมาเมื่อสักครู่นะครับ ถ้าใครกด Run หลังจากโหลดก็ ไปยังขึ้นต่อไปเลยครับผม

วิธีติดตั้งโปรแกรม appserv

กดปุ่มถัดไป

วิธีติดตั้งโปรแกรม appserv

ตรงนี้จะเป็นรายละเอียดข้อตกลงในการใช้งานครับ ให้กด I Agree เพื่อยืนยันไปขั้นตอนต่อไป

วิธีติดตั้งโปรแกรม appserv

ที่อยู่ในการติดตั้งปกติจะเป็น C:\Appserv ครับ พื้นที่ในการใช้งานก็ 56.4 MB เองครับ ให้กด next ได้เลยครับ

(ปล.หากใครใช้งานคล่องแล้วและต้องการติดตั้งไว้ ไดร์ฟอื่นก็ได้นะครับเพื่อว่าเวลาลง windows ใหม่จะได้ไม่ต้อง Backup ครับผม)

วิธีติดตั้งโปรแกรม appserv

อันนี้จะเป็นการเลือกแพ็คเก็จในการติดตั้งครับ ปกติจะเลือกมาให้ทุกช่องอยู่แล้ว กด Next ต่อไปเลยครับ

วิธีติดตั้งโปรแกรม appserv

-ในช่อง Servername จะเป็นชื่อเซิร์ฟเวอร์เราครับแนะนำให้ใส่ localhost ครับ

-ในช่องAdministrator’s Email Address จะเป็นชื่ออีเมลผู้ดูแลระบบ(แอดมิน) ให้เราใส่อีเมลเราเข้าไปครับ

-ในช่อง Apache HTTP Port จะเป็นพอร์ตในการใช้งานครับ ปกติจะเป็น  80 อยู่แล้ว

– กด Next เลยครับ

วิธีติดตั้งโปรแกรม appserv

ขั้นตอนนี้จะเป็นการกรอกรหัสเข้าใช้งานฐานข้อมูลครับ ต้องกรอกรหัสให้เหมือนกันทั้งสองช่องเลยนะครับ แนะนำให้ใส่เป็น 1234 เพื่อการจดจำที่ง่ายครับ

ส่วนชุดภาษาด้านล่างแนะนำให้ใช้ UTF-8 Unicode ครับ (บางคนสงสัยว่าคืออะไรไว้ติดตามกันในบทความ UTF-8 คืออะไรครับ)

– กด Install เลยครับผม

วิธีติดตั้งโปรแกรม appserv

รอคอมพิวเตอร์ประมวลผลการติดตั้งครับผม

วิธีติดตั้งโปรแกรม appserv

-กด finish เป็นเสร็จสมบูรณ์การติดตั้งครับ

การทดสอบการใช้งานจะมีสองแบบนะครับ 1.ให้เปิดบราวเซอร์ (ตัวเข้าอินเทอร์เน็ตเช่น IE ,Firefox,Google Chorme) ขึ้นมา

และพิมพ์ localhost กด enter จะพบกับหน้าตาแบบนี้ครับ

รัน localhost บนบราวเซอร์

2.วิธีทดสอบการใช้งานโดยสร้างไฟล์เว็บไซด์แบบง่ายขึ้นมาหนึ่งไฟล์

วิธีทดสอบการใช้งานโปรแกรม appserv

ไปยัง My computer ครับแล้วเข้าไปยัง ไดร์ฟ C:\

วิธีทดสอบการใช้งานโปรแกรม appserv

-เข้าไปยังโฟลเดอร์ Appserv ที่เราติดตั้งไว้ครับ

วิธีทดสอบการใช้งานโปรแกรม appserv

ตรงนี้ขออธิบายนิดนึงนะครับ หลักๆเราควรรู้จักกับโฟลเดอร์ที่เราควรรู้ เบื้องต้นกันก่อนนะครับ เพื่อความถูกต้องในการใช้งาน

-ในโฟลเดอร์ www จะเป็นโฟลเดอร์ที่ทำหน้าที่เก็บไฟล์เว็บไซด์ที่เราจะทดสอบการใช้งานบนเครื่องเราครับ

ไม่ว่าจะเป็น CMS อาทิ joomla , WordPress, Drupal หากเราต้องการทดสอบติดตั้งการใช้งานก็ให้มาสร้างโฟลเดอร์เก็บไว้ในโพฟลเดอร์ www

-ในโฟลเดอร์ MySQL จะเป็นโฟลเดอร์ที่ทำหน้าที่เก็บฐานข้อมูลต่างๆที่เราสร้างผ่านระบบ phpmyadmin ของappserv ครับ

-ให้เราเข้าไปยังโฟลเดอร์ www ครับเพื่อทดสอบสร้างไฟล์เว็บขึ้นมา ทดสอบการทำงานครับ

วิธีทดสอบการใช้งานโปรแกรม appserv

สร้างโฟลเดอร์ที่เราต้องการครับ ตั้งชื่อได้ตามใจเลยครับ ขอยกตัวอย่างเป็น โฟลเดอร์ “tososay” ครับ สร้างเสร็จก็ให้เข้าไปในโฟลเดอร์ที่สร้างเลยครับ

วิธีทดสอบการใช้งานโปรแกรม appserv

ทดสอบด้วยการสร้างไฟล์เว็บไซด์มาหนึ่งไฟล์ครับ ให้เปิดโปรแกรม Editor หรือ โปรแกรม Notepad ขึ้นมานะครับ

(หากไม่ทราบว่า notepad อยู่ตรงไหน ให้กดปุ่ม Start > แล้ว search คำว่า notepad ครับ และกด Enter)

นำโค้ดนี้ไปวางไว้ในหน้าที่เราจะสร้างครับ

<html>
<head>
<title>ยินดีต้อนรับสู่เว็บไซด์ Tososay.com</title>
</head>

<body>
<center>
<h1>
สวัสดีครับ นี่เป็นหน้าแรกสำหรับตัวอย่างการติดตั้ง Appserv Version 5.9.10 ทดสอบหน้า index.html จ้า
</h1>
</center>
</body>

</html>

Save ชื่อไฟล์เป็น  index.html นะครับ

วิธีทดสอบการใช้งานโปรแกรม appserv

เปิดบราวเซอร์ (ตัวเข้าเว็บไซด์ เช่น IE,Firefox,Google chorme)  ขึ้นมาแล้วพิมพ์ localhost/ตามด้วยชื่อโฟลเดอร์ที่เราสร้างครับ กด enter

วิธีทดสอบการใช้งานโปรแกรม appserv

สังเกตุนะครับหลังจากที่เรากด enter ทำไมถึงไม่ต้องพิมชื่อไฟล์ index.html ก็เพราะว่าตัวโปรแกรมจำลองเซิร์ฟเวอร์ หรือ appserv เนี่ยได้ทำการตั้งค่าให้กับเครื่องคอมพิวเตอร์เรา ให้จดจำว่า ไฟล์ชื่อ index.html จะเป็นไฟล์แรกสำหรับการแสดงผลหากในกรณีที่เราไม่ได้ / พิมชื่อไฟล์ตามหลังโฟลเดอร์ที่เราติดตั้งครับ อันนี้เป็นความรู้ในด้านเว็บเบื้องต้นครับ

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

2 thoughts on “วิธีติดตั้งโปรแกรม appserv สำหรับผู้ที่เริ่มต้นเขียนเว็บไซด์

ใส่ความเห็น

อีเมล์ของคุณจะไม่แสดงให้คนอื่นเห็น ช่องที่ต้องการถูกทำเครื่องหมาย *