ติดตั้ง และใช้งาน xampp


หน้าแรก PHP MySQL เกร็ดความรู้ ติดตั้ง และใช้งาน xampp

XAMPP เป็นโปรแกรมที่ใช้จำลองเครื่องพีซีให้เป็นเว็บเซิร์ฟเวอร์สำหรับทดสอบเขียน สคริปต์ภาษา PHP ร่วมกับฐานข้อมูล MySQL ภายหลังการติดตั้งโปรแกรมผู้ใช้งานสามารถลงมือเขียนโปรแกรมได้ทันที ข้อดีของโปรแกรม XAMPP อยู่ที่มีเมนูควบคุมใช้งานที่ค่อนข้างเป็นมิตรกับผู้ใช้ ผู้ใช้งานสามารถควบคุมรายละเอียดต่างๆ ได้ที่จุดๆ เดียวลักษณะ One Stop Service สามารถอ่านรายละเอียดเพิ่มเติมได้ที่เว็บไซต์http://www.apachefriends.org/en/xampp.html

โปรแกรมย่อยที่ได้หลังการติดตั้ง XAMPP
- Apache (http://httpd.apache.org) โปรแกรมเว็บเซร์ฟเวอร์
- PHP (www.php.net) โปรแกรมแปลภาษาพีเฮสพี
- MySQL (www.mysql.com) โปรแกรมฐานข้อมูลมายเอสคิวแอล
- phpMyAdmin (www.phpmyadmin.net) โปรแกรมจัดการฐานข้อมูลมายเอสคิวแอล
- SQLite (www.sqlite.org) เป็นระบบจัดการฐานข้อมูลขนาดเล็ก เหมาะสำหรับทดสอบใช้งานแบบ stand alone
- FileZilla FTP Server (filezilla-project.org) เป็นโปรแกรมใช้ทำ FTP Server
- Mercury Mail Transport System (www.mercurymail.com) เป็นโปรแกรม Web-besed email


การติดตั้งโปรแกรม XAMPP

ผมขอแนะนำการติดตั้ง XAMPP เพื่อทำให้เครื่องคอมพิวเตอร์ของคุณมีสภาวะแวดล้อม เหมาะแก่ัการรันภาษาสคริปต์ PHP เพื่อให้คุณใช้เครื่องของคุณเอง ทดลองการทำงานของ CMS

 

[[1]] ให้คุณเปิดเบราเซอร์ไปที่ http://www.apachefriends.org ดังภาพ 1 เพื่อดาวน์โหลด XAMPP ในที่นี้มีชื่อไฟล์ว่า xampp-win32-1.7.0-installer.exe

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ภาพที่ 1 คลิกดาวน์โหลด XAMPP 1.7.0

 

 

[[2]] ดับเบิ้ลคลิกไฟล์ xampp-win32-1.7.0-installer.exe ที่คุณดาวน์โหลดมา โปรแกรมจะแสดงหน้าจอ Installer Language ดังภาพ 2 เป็นการเลือกภาษาที่จะใช้การติดตั้ง ในที่นี้ผมเลือกภาษา English เมื่อคุณเลือกภาษาเรียบร้อยแล้ว ก็คลิก OK

 
 
 
 
 
 
 
 
 
 
ภาพที่ 2 คลิก OK เพื่อเลือกภาษา English ใช้ในการติดตั้ง

 

 

[[3]] หน้าจอ XAMPP 1.7.0 win32 - Welcome to the XAMPP 1.7.0 Setup ดังภาพ 3 เป็นข้อความแสดงการต้อนรับสู่การติดตั้ง ให้คุณคลิก Next ได้เลย

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ภาพที่ 3 คลิก Next ได้เลย

 

 

[[4]] หน้าจอ XAMPP 1.7.0 win32 - Choose Install Location ดังภาพ 4 เป็นการกำหนดไดเรกทอรีปลายทางที่ต้องการติดตั้ง XAMPP ในที่นี้ผมกำหนดให้ติดตั้งไปที่ c:xampp เมื่อคุณกำหนดไดเรกทอรีปลายทางเรียบร้อยแล้ว ก็คลิก Next

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ภาพที่ 4 คลิก Next เพื่อกำหนดไดเรกทอรีของ XAMPP

 

 

[[5]] หน้าจอ XAMPP 1.7.0 win32 - XAMPP Options ดังภาพ 5 เป็นการกำหนดตัวเลือกของ XAMPP ดังนี้
    [[*]] Create a XAMPP desktop icon - สร้างไอคอนของ XAMPP บนหน้าเดสก์ทอป
    [[*]] Crate an Apache Friends XAMPP folder in the start menu - สร้างรายการ XMAPP ในปุ่ม start ของ windows
    [[*]] Install Apache as service, Install MySQL as service, Install Filezilla as service - ติดตั้ง Apache, MySQL, Filezilla เป็น service ซึ่งโปรแกรมที่เป็น service นี้จะทำงานโดยอัตโนมัติเมื่อคุณเปิดเครื่องคอมพิวเตอร์
เมื่อคุณกำหนดตัวเลือกเรียบร้อยแล้ว ก็คลิก Install ซึ่งโปรแกรม XAMPP จะแสดงข้อความ Completing the XAMPP 1.7.0 Setup Wizard ดังภาพ 6 ซึ่งแสดงว่าคุณได้ติดตั้ง XAMPP ลงเครื่องเรียบร้อยแล้ว

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ภาพที่ 5 คลิก Install เพื่อติดตั้ง XAMPP

 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ภาพที่ 6 คลิก Finish ได้เลย

 

 

[[6]] หน้าจอ XAMPP 1.7.0 win32 - Service installation finished! ดังภาพ 7 เป็นหน้าจอบอกว่า XAMPP จะใช้หน้าจอคอนโทรลพาเนลในการจัดการชุดโปรแกรม ก็ให้คุณคลิก OK

 
 
 
 
 
 
ภาพที่ 7 คลิก OK ได้เลย

 

 

[[7]] หน้าจอ XAMPP 1.7.0 win32 - Congratulations! ดังภาพ 8 เป็นหน้าจอบอกว่า ได้ติดตั้งเสร็จเรียบร้อยแล้ว ในที่นี้ผมต้องการเริ่มหน้าจอคอนโทรลพาเนลของ XAMPP ก็ให้คุณคลิก Yes

 
 
 
 
 
 
ภาพที่ 8 คลิก Yes เพื่อต้องการเริ่มหน้าจอคอนโทรลพาเนล

 

 

[[8]] หน้าจอคอนโทรลพาเนลของ XAMPP ดังภาพ 9 เป็นหน้าจอบอกสถานะการทำงานของชุดโปรแกรม ซึ่งโปรแกรม Apache, MySQL, Filezilla จะแสดงสถานะทำงาน หากคุณต้องการปิดหน้าจอนี้ ก็ให้คลิก Exit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ภาพที่ 9 หากต้องการปิดหน้าจอนี้ ให้คลิก Exit ได้เลย

 


การใช้งาน XAMPP 

    หลังการติดตั้งโปรแกรม XAMPP ผู้ใช้งานควรมีการปรับแต่งค่าพื้นฐาน รวมทั้งควรทราบเกี่ยวกับห้องเก็บข้อมูลต่างๆ ของ XAMPP ก่อนการ Start และ Stop โปรแกรม XAMPP

1. คลิกที่ Start > Programs > Apache Friends > XAMPP > XAMPP Control Panel

2. หลังการสต๊าทจะมีไอคอนแสดงการทำงานของ XAMPP ที่มุมขวาของ Taskbar

ไอคอนแสดงการทำงานของ XAMMP

3. ให้ทำการดับเบิ้ลคลิกที่ไอคอน XAMPP ระบบจะแสดงหน้าต่างงานสำหรับควบคุมโปรแกรม

หน้าต่างงานสำหรับควบคุมโปรแกรม XAMMP

รู้จักห้องเก็บข้อมูลต่างๆ ของโปรแกรม XAMPP
สามารถเข้าไปตรวจสอบได้ที่ C:XAMPP

คำอธิบาย
Folder or File < คำอธิบาย

C:XAMPPapacheconfhttpd.conf < ไฟล์ปรับแต่ง Apache Web Server

C:XAMPPhtdocs < ห้องเก็บเว็บไซต์และไฟล์โครงงาน

C:XAMPPmysqldata < ห้องเก็บฐานข้อมูล MySQL

C:XAMPPphpMyAdminlibraries config.default.php < ไฟล์สำหรับเปลี่ยน user/password ในการติดต่อ MySQL ประมาณบรรทัด 183

C:XAMPPphp php.ini < ไฟล์สำหรับปรับแต่งภาษา PHP

C:XAMPPperlbin < ตัวแปลภาษา PERL

C:XAMPPmysqlbin my.ini < ไฟล์สำหรับปรับแต่งฐานข้อมูล MySQL

C:XAMPPmysqlbin < ห้องเก็บคำสั่ง MySQL

C:XAMPPapachebin < ห้องเก็บคำสั่ง Apache

C:XAMPPMercuryMail < โปรแกรม MercuryMail

C:XAMPPFileZillaFTP < โปรแกรม FileZilla

C:XAMPPwebalizer < โปรแกรม webalizer

C:XAMPPsendmail < โปรแกรม Sendmail

C:XAMPPcontrib < ตัวอย่างสคริปต์ทดสอบ

การสร้างห้องเก็บโครงงานคอมพิวเตอร์
ให้ทำการสร้างห้องเก็บโครงงานไว้ที่ C:XAMPPhtdocs ในที่นี้สร้างห้องเก็บว่า project

ทดสอบเรียกใช้งานห้อง project
1. พิมพ์ url เป็น http://localhost/project/ หรือ http://127.0.0.1/project/

2. ระบบจะแสดงหน้าต่างแบบไม่มีข้อมูลภายในดังรูป

การทดสอบเรียกใช้งานเว็บไซต์รูปแบบต่างๆ
1. เปิดโปรแกรมเว็บบราวเซอร์ IE / Firefox / Opera / Safari

2. พิมพ์ URL ตามรูปแบบดังนี้
กรณีทดสอบที่เครื่องตนเอง
ตัวอย่าง
http://localhost หรือ http://127.0.0.1

กรณีทดสอบด้วยชื่อเครื่อง (Computer Name)
ตรวจสอบชื่อเครื่อง
1. Start > Run > cmd > OK
2. พิมพ์ hostname [enter]
รูปแบบ
http://Computer_name

ตัวอย่าง
http://pc1

กรณีทดสอบด้วย IP Address
ตรวจสอบ
1. Start > Run > cmd > OK
2. พิมพ์ ipconfig [enter]
รูปแบบ
http://IP_Address

ตัวอย่าง
http://192.168.10.5

กรณีทดสอบด้วย Domain Name

ต้องมีการจดโดเมนเนมมาก่อน หรือหากต้องการใช้งานสามารถเพิ่มเติมชื่อโดเมนเนมได้ที่ C:WINDOWSsystem32driversetchost)


Example

127.0.0.1 localhost

192.168.10.5 www.siamwebcity.com


รูปแบบ

http://www.yourname.com


ตัวอย่าง

http://www.siamwebcity.com

3. คลิกเลือกภาษาเป็น English



Download file: 



ขึ้นไปด้านบน