บทที่ 1 การติดตั้งโปรแกรมเพื่อจำลองเครื่องเป็นเว็บเซอร์ฟเวอร์ (Web Server)

        ก่อนที่เราจะทำการเขียนโปรแกรมโดยใช้ภาษาพีเอชพีนั้นเราต้องทำการจำลองเครื่องเราเป็นเซอร์ฟเวอร์เพื่อการทดสอบโปรแกรม เนื่องจากพีเอชพีเป็นภาษาที่ทำงานฝั่งเซอร์ฟเวอร์ (Server) ดังนั้นเราจึงต้องติดตั้งโปรแกรมที่ทำงานในฝั่งเซอร์ฟเวอร์ นั่นก็คือโปรแกรม อาปาเช่(Apache) โปรแกรมพีเอชพี (PHP) โปรแกรมมายเอสคิวแอล (MySQL)

        ปัจจุบันมีผู้ที่นำทั้งสามโปรแกรมนี้มารวมกันแล้วติดตั้งเพียงครั้งเดียวก็จะมีโปรแกรมทั่งสามแล้ว เช่น AppServ, WAMP หรือ XAMPP เป็นต้น ในที่นี้จะเลือก WAMP เป็นชุดโปรแกรมสำหรับจำลองเครื่องเราเนื่องจากโปรแกรมนี้มีส่วนสำหรับจัดการข้อมูลต่างๆ ของทั้งสามโปรแกรมได้ง่ายดายมาก

1.    ขั้นตอนการดาวน์โหลด (Download)

เนื่องจาก WAMP มีการพัฒนาอย่างต่อเนื่องเพื่อรองรับกับการเปลี่ยนแปลงเวอร์ชั่นของ PHP ดังนั้นเพื่อให้โปรแกรมอัพเดท ควรที่จะดาวน์โหลดอยู่เรื่อยๆ เว็บไซต์ของ WAMP Server นั้นคือ http://www.wampserver.com/ โดยขั้นตอนการดาวน์โหลดมีดังนี้

เข้าเว็บไซต์ http://www.wampserver.com/ หากต้องการเปลี่ยนภาษาเป็นภาษาอังกฤษ เพื่อให้เข้าใจง่าย ให้คลิ๊กที่ไอค่อนรูปธงชาติอังกฤษ กดที่ DOWNLOAD เพื่อเข้าสู่หน้าสนหรับดาวน์โหลด

เมื่อปรากฏหน้าสำหรับดาวน์โหลดแล้ว ให้คลิ๊กที่คำว่า DOWNLOAD WampServer 2.0

จากนั้นก็จะเป็นการ Redirect ไปสู่เว็บไซต์ sourceforge.net ซึ่งเป็นเว็บไซต์ที่เก็บไฟล์ที่เราต้องการ หลังจากนั้นก็จะปรากฏหน้าต่างสำหรับดาวน์โหลดโดยอัตโนมัติ ให้คลิ๊กที่ปุ่ม Save File

เมื่อกดปุ่ม Save File แล้วก็จะปรากฏหน้าต่างที่กำลังดาวน์โหลดลงมาในเครื่องของเรา

เมื่อดาวน์โหลดเสร็จแล้วจะปรากฏไอค่อนในโฟลดอร์ที่เราได้ทำการบันทึกไฟล์ไว้ ก็เป็นอันเสร็จสิ้นขั้นตอนในการดาวน์โหลด

2.    ขั้นตอนการติดตั้ง (Install)

หลังจากที่เราได้ดาวน์โหลดมาแล้ว ให้ทำการติดตั้งโปรแกรม WAMP ให้เรียบร้อยโดย คลิ๊กเปิดไฟล์ WampServer2.0c.exe จะปรากฏกล่องโต้ตอบเตือนให้กดที่ปุ่ม Run

จากนั้นโปรแกรมจะแจ้งเตือนว่าห้ามอัพเกรดโปรแกรมจากเวอร์ชั่น WAMP5.1.x. หากติดตั้งเวอร์ชั่นดังกล่าวให้ทำการสำรองข้อมูลและลบโฟล์เดอร์เวอร์ชั่นเก่าออก ก่อนติดตั้ง คลิ๊กที่ปุ่ม Yes

หลังจากนั้นจะเข้าสู่ขั้นตอนของการติดตั้งแบบวิซาด (Wizard) ให้คลิ๊กปุ่ม Next > เพื่อดำเนินการต่อ

เมื่อคลิ๊กปุ่ม Next ก็จะปรากฏข้อตกลงในการใช้งานอ่านให้เข้าใจแล้วเลือก I accept the agreement เพื่อยอมรับ หลังจากนั้นกดปุ่ม Next >

จากนั้นก็จะปรากฏตำแหน่งสาหรับติดตั้งโปรแกรมและไฟล์ต่างๆ ของ WAMP คือ Apache, MySQL, PHP, phpMyAdmin, SQLiteManager เป็นต้น เพื่อป้องกันข้อมูลสูญหายจากข้อผิดพลาดของ Windows แนะนำให้ติดตั้งที่ไดร์ฟ d:\ คลิ๊ก Next > เพื่อเข้าสู่ขั้นตอนถัดไป

เลือกส่วนเพิ่มเติมสำหรับการติดตั้งคือ Create a Quick Launch icon หมายถึง ให้ไอค่อนของโปรแกรมไปปรากฏใน Quick Launch ด้วย

Create a Desktop icon หมายถึง ให้ไอค่อนของโปรแกรมไปแสดงที่หน้าจอด้วย เลือกตามที่ต้องการแล้วคลิ๊ก Next >

หลังจากนั้นจะพบหน้าต่างสรุปการตั้งต่าในตอนแรกก่อนที่จะทำการติดตั้งลงใน Windows หากต้องการแก้ไข ให้คลิ๊กที่ปุ่ม < Back แต่หากตรงตามความต้องการแล้วให้คลิ๊กที่ Install

จะเห็นแถบสถานะ หรือ Progress bar แสดงสถานะว่ากำลังติดตั้ง

เมื่อติดตั้งเสร็จแล้วจะปรากฏหน้าต่างให้เลือกเพื่อให้โปรแกรมทำงานทันทีหลังจากคลิ๊กปุ่ม Finish

จากนั้นที่ Taskbar ก็จะปรากฏเห็นไอค่อนเป็นรูปมิเตอร์

ทดลองคลิ๊กที่ไอค่อนรูปมิเตอร์จะพบ Control Panel เกิดขึ้น

หากต้องการเปลี่ยนภาษาให้ทำการคลิ๊กขวาตรงไอค่อนรูปมิเตอร์แล้วทำการเลือกภาษาที่ต้องการ ตามรายการที่มีให้

3.    โครงสร้างของ WAMP (Folder Structure)

โครงสร้างโฟลเดอร์ของโปรแกรม WAMP นั้นประกอบไปด้วย โฟลเดอร์ต่างๆ ดังนี้

wamp // โฟลเดอร์หลักของโปรแกรม WAMP

       |_ alias // เป็นโฟลเดอร์ที่เก็บไฟล์ตั้งค่าสำหรับ Alias เพื่อระบุให้รันใน loacalhost/โฟลเดอร์ ตามที่ต้องการได้

       |_ apps // เป็นโฟลเดอร์ที่เก็บสคริปที่เขียนด้วยภาษา PHP

       |      |_ phpmyadmin2.11.6 // เป็นโฟลเดอร์เก็บสคริป phpMyAdmin เพื่อจัดการฐานข้อมูล MySQL

       |      |_ sqlitemanager1.2.0 // เป็นโฟลเดอร์เก็บสคริป salitemanaget เพื่อจัดการฐานข้อมูล sqlite

       |_ bin // เป็นโฟลเดอร์ที่เก็บโปรแกรม apache, mysql, และ php

       |      |_ apache // เป็นโปรแกรม Web Server

       |      |_ mysql // เป็นโปรแกรมฐานข้อมูล

       |      |_ php // เป็นโปรแกรม PHP

       |_ help // เป็นโฟลเดอร์เก็บไฟล์ช่วยเหลือของ WAMP

       |_ lang // เป็นโฟลเดอร์ที่เก็บไฟล์ภาษาใน WAMP

       |      |_ modules

       |_ log // เป็นโฟลเดอร์เก็บค่าต่างๆ ในการใช้งาน WAMP

       |_ script // เป็นโฟลเดอร์ที่เก็บสคริปเสริมที่เขียนด้วยภาษา PHP

       |_ tmp // เป็นโฟลเดอร์สำรองในการใช้งาน WAMP

       |_ www // เป็น Root Directory ของเว็บไซต์

4.    ขั้นตอนการทดสอบ (Testing)

คลิ๊กที่ไอค่อนรูปมิเตอร์แล้วเลือก Localhost

ก็จะปรากฏเว็บเพจหน้าหลัก คือ http://localhost/ หรือ http://127.0.0.1/ หากแสดงผลตามภาพด้านล่างแสดงว่าทุกอย่างถูกต้อง เป็นอันเสร็จสิ้นการติดตั้ง WAMP อย่างสมบูรณ์