SlideShare a Scribd company logo
้
การติดตงและใชงาน XAMPP เบืองต้น
       ั
24/06/2010 at 09:49 นรเศรษฐ์ ทองคํา


สวัสดีครับวันนีผมจะขอแลกเปลียนเรียนรู ้เกียวกับการติดตังและใช ้ งาน XAMPP เพือใชจําลอง
                                                                                     ้
Webserver บน Windows เหมาะส       ําหรับผู ้ทีต ้องการจําลอง web server เพือใชทดสอบ web
                                                                              ้
                                                                 ่
application ณ ขณะนีโปรแกรมจําลองฯมีอยูด ้วยกันหลายๆตัว เชน Appserv , IIS , XAMPP
                                               ่
                                   ี         ้                           ั
สําหรับ XAMPP จากประสบการณ์ทผมได ้ใชงาน ข ้อดีและจุดเด่นทีเห็นได ้ชดคือ การติดตังและ
       ้
การใชงานมีความสะดวกสบาย สามารถทําเป็ น portable ได ้ด ้วย และจําลองได ้ทัง
Webserver:Apache , Database server:MySQL+phpMyAdmin , MailServer:Mercury
Mail , FTPServer : FileZilla และยังมีเครืองมืออืนๆอีกทีผมไม่ได ้กล่าวถึง และทีสําคัญ
XAMPP รวม Application ฟรีหลายๆตัว ไว ้ทังหมด ด ้วยเหตุนี โปรแกรม XAMPP จึงฟรี ในการ
   ้
ใชงานและแจกจ่าย ภายใต ้ เงือนไขของ GNU


ขันเตรียมพร ้อมก่อนติดตัง XAMPP

1. ก่อนติดตัง XAMPP ควรอย่างยิงทีจะทําการ Uninstall ระบบจําลอง Webserver ตัวอืนๆ ใน
                   ี       ่
ระบบ Windows เราเสยก่อน เชน Appserv / IIS เป็ นต ้น

                                                              ่
2. RAM ไม่ตํากว่า 128 MB HardDisk มีเนือทีว่างมากกว่า 320 MB สวน CPU ไม่กําหนด
ระบบขันตํา

3. เครืองทีจะทําการติดตัง ลงระบบปฎิบตการเรียบร ้อย Windows 2000, XP (Server 2003),
                                    ั ิ
Vista (Server 2008), Windows 7 แบบ 32 bit หรือ 64 bit

(อันทีจริง XAMPP ลองรับทัง Windows Linux MacOS และ Solaris นะครับแต่ผมจะขอเน ้นไป
ที Windows เพียงอย่างเดียว)

4. Download ชุดติดตังจาก http://www.apachefriends.org/en/xampp-windows.html
                       ึ
(เฉพาะ Windows) ซงมีให ้โหลดหลายชุด ทังแบบ Full ขนาดประมาณ 50 mb ซงจะรวม      ึ
                         ่
Sever อืนๆเข ้าไปด ้วย เชน Fileserver และ mailserver เป็ นต ้น และแบบ Lite ขนาดประมาณ
20 mb ซ  ึงจะประกอบด ้วย Webserver และ Database Sever

การติดตัง

                                                               ึ
เมือเตรียมทุกอย่างครบทุกข ้อแล ้ว เราจะเริมทําการติดตัง XAMPP ซงสะดวกและง่ายมาก ตาม
ขันตอนต่อไปนีครับ

             ี ้
1. เปิ ดไฟล์ทใชในการติดตัง xampp-win32-1.7.3.exe (ผมโหลดตัว Full ถ ้าท่าน DL รุนอืน
                                                                               ่
 ื
ชออาจจะเปลียนแปลงไปจากนีเล็กน ้อย)
2. เลือก ตําแหน่งทีต ้องการติดตัง(Destination folder) จากภาพ ผมเลือกติดตังที Root ของ
C: จากนันคลิกทีปุ่ ม Install

                                                                     ้
.. จากนันชุดติดตังจะทําการคัดลอกไฟล์ไปที Folder เป้ าหมาย ขันตอนนีใชเวลา 2-5 นาที
               ิ                            ึ                          ้
ขึนอยูกบประสทธิภาพของเครือง และชุดติดตัง ซงของผมเป็ นชุดใหญ่ก็จะใชเวลามากกว่าชุด
      ่ ั
Lite เป็ นต ้น

3. เมือทําการคัดลอกไฟล์จนเสร็จแล ้วจะเข ้าสู่ command line menu การตังค่าระบบ
จากภาพ โปรแกรมติดตังถามว่าต ้องการสร ้าง shortcuts หรือไม่ ถ ้าต ้องการกด ‘y’ แล ้ว enter




ถามถึง patch ของ Xampp ถ ้าถูกต ้องหรือยัง กรณีทติดตังครังแรก path ของ Xampp จะเป็ น
                                                  ี
path ทีเราได ้กําหนดให ้คัดลอกไฟล์ลงเครืองอยูแล ้ว ตอบ ‘y’ แล ้ว enter ได ้เลย
                                             ่
เป็ นการทํา XAMPP แบบ Portable โดยไม่ยดติดกับ Drive ถ ้าท่านต ้องการคุณสมบัตนก็
                                             ึ                                           ิ ี
สามารถต ้อง y ได ้เลย ถ ้าติดตังที flash drive แล ้วไปปิ ดทีไหนก็ได ้ ก็น่าจะดีไม่น ้อย หรือติดตัง
                                                      ่
ลง hardrive แล ้ว copy ทัง folder ไปเลย ก็ทําได ้เชนกัน (Flash drive ต ้องมีเนือทีว่าง
ประมาณ 1GB)
หลังจากนันจะกลับมาเข ้า Menu หลัก เรากด x แล ้ว enter ออก เป็ นอันเสร็จขันตอนการติดตัง
XAMPP
้
การใชงานเบืองต ้น

หลังจากการติดตังและกําหนดค่าเรียบร ้อยแล ้ว ที Desktop (ในกรณีทเรากําหนดให ้ สร ้าง
                                                               ี
shortcut) จะมี shortcup ทีเป็ นตัวควบคุมของ XAMPP ปรากฎอยู่ และ Control ตัวนีถือเป็ น
                                    ้
จุดเด่นของ XAMPP ก็วาได ้ เพราะใชงานได ้ง่ายมาก ทดลองเปิ ดขึนมาได ้เลยครับ
                      ่
ึ
จากภาพนะครับ Apache ซงเป็ น Webserver ถูกกําหนดให ้เปิ ดทุกครังที Start Windows และ
          ่
MySql ก็เชนเดียวกัน แต่ขณะนียังอยูในสถานะ Stop คือยังไม่ทํางาน ถ ้าเรากดทีปุ่ ม Start ก็จะ
                                  ่
ทํางานทันที

หากเราไม่ต ้องการให ้ sever ทํางานทุกครังทีเปิ ดเครืองก็เอา เครืองหมายถูกที Svc ด ้านหน ้า
ของ service ทีต ้องการออก ก็เรียบร ้อยแล ้วครับ

ทดสอบกันเลย

กด Start ที Apache แล ้วเปิ ดหน ้า web brower ตัวใดก็ได ้ จากนัน พิมพ์ localhost หรือ
            ึ
127.0.0.1 ซงเป็ น loopback ip ของเครืองเราขึนมาเลยครับ
เมือ เข ้า web brower แล ้วหน ้าตาจะออกมาแบบนีครับ




       ั                                             ึ
โปรดสงเกตุวา Xampp ตัวนี run ที Drive I:xampp ซงก่อนหน ้านีผมได ้ copy ทัง folder
             ่
                                              ั
ของ Xampp ไปไว ้ใน Flash drive แต่เป็ นทีน่าสงเกตุวาขนาดไฟล์จริงๆเพียง 200 กว่า mb
                                                   ่
เท่านัน แต่ใช  ้เนือทีบน Disk ถึง 700mb เลยทีเดียว
ตําแหน่งเก็บ web site / root

= “xampphtdocs”




เราสามารถทําไฟล์งาน ไม่วาจะเป็ น php หรือ html มาเก็บไว ้ทีนี เพือทําการทดสอบได ้เลย
                        ่
จากนัน save
 ื
ชอ index.php แล ้วเอาไปวางที xampphtdocs ได ้ผลดังภาพครับ




               ่
ง่ายกว่าทีคิดใชหรือเปล่าครับ ?

          ี ้                                                           ้
หวังว่าวิธใชงานเบืองต ้นทีผมได ้อธิบายทังหมด จะทําให ้ท่านสามารถนํ าไปใชงานและพัฒนา
ทักษะให ้สูงยิงๆขึนไปนะครับ สวัสดี

 

More Related Content

DOC
เกล็ดความรู้เล็กน้อยในการเพิ่มความเร็วให้คอมทำงานได้เร็วขึ้น
PDF
Php พื้นฐาน ตอนที่4
PDF
Php พื้นฐาน ตอนที่2
PDF
001
PDF
20131116 wordpress-xampp
PDF
Ch11 web-app
DOCX
sun virtual box
เกล็ดความรู้เล็กน้อยในการเพิ่มความเร็วให้คอมทำงานได้เร็วขึ้น
Php พื้นฐาน ตอนที่4
Php พื้นฐาน ตอนที่2
001
20131116 wordpress-xampp
Ch11 web-app
sun virtual box

Viewers also liked (13)

DOC
การสิ้นสุดการสมรส
DOC
ความสัมพันธ์ระหว่างสามีภริยา
PDF
1419379686
PPT
คู่มือการสร้าเว็ปจากword
PDF
PPTX
กฎหมายในชีวิตประจำวัน ครั้งที่ 2
DOC
การสมรส
PDF
ใบความรู้ เรื่อง Applying for a job
DOC
มรดก
PPTX
กฎหมายครอบครัวการสมรส
PDF
Project based learning design 12
PPTX
กฎหมายครอบครัวทรัพย์สินระหว่างสามีภริยา
PDF
LinkedIn SlideShare's Upload Campaign Calendar: 2016
การสิ้นสุดการสมรส
ความสัมพันธ์ระหว่างสามีภริยา
1419379686
คู่มือการสร้าเว็ปจากword
กฎหมายในชีวิตประจำวัน ครั้งที่ 2
การสมรส
ใบความรู้ เรื่อง Applying for a job
มรดก
กฎหมายครอบครัวการสมรส
Project based learning design 12
กฎหมายครอบครัวทรัพย์สินระหว่างสามีภริยา
LinkedIn SlideShare's Upload Campaign Calendar: 2016
Ad

Similar to Xampp guide (20)

PDF
HTML PHP MySQL สำหรับเว็บโปรแกรมเมอร์มือใหม่
PDF
Mamp โปรแกรมจำลอง server บน mac
PDF
Ubuntu office server-10.04-x64
PDF
เว็บสำเร็จรูป
PDF
20121102 joomla2-5
PDF
joomla-2-5-install-appserv
PDF
Wordpress 3.5 -install-appserv
PDF
Javacentrix com chap05-0
PDF
Phptraining
PDF
Phptraining
PDF
Doc1
PDF
คู่มือการใช้งานระบบจัดเก็บข้อมูลบุคลากร ฝ่ายเดินรถ แขวงนครสวรรค์ การรถไฟแห่งป...
PDF
Yii2install codingthailand
PDF
Atomymaxsite25
PPTX
หน่วยที่ 1 รู้จักกับ joomla!
PPTX
หน่วยที่ 1 รู้จักกับ joomla!
KEY
คู่มือการติดตั้ง Wordpress บน AppServ
DOC
งานครูปลาม์
HTML PHP MySQL สำหรับเว็บโปรแกรมเมอร์มือใหม่
Mamp โปรแกรมจำลอง server บน mac
Ubuntu office server-10.04-x64
เว็บสำเร็จรูป
20121102 joomla2-5
joomla-2-5-install-appserv
Wordpress 3.5 -install-appserv
Javacentrix com chap05-0
Phptraining
Phptraining
Doc1
คู่มือการใช้งานระบบจัดเก็บข้อมูลบุคลากร ฝ่ายเดินรถ แขวงนครสวรรค์ การรถไฟแห่งป...
Yii2install codingthailand
Atomymaxsite25
หน่วยที่ 1 รู้จักกับ joomla!
หน่วยที่ 1 รู้จักกับ joomla!
คู่มือการติดตั้ง Wordpress บน AppServ
งานครูปลาม์
Ad

Xampp guide

  • 1. ้ การติดตงและใชงาน XAMPP เบืองต้น ั 24/06/2010 at 09:49 นรเศรษฐ์ ทองคํา สวัสดีครับวันนีผมจะขอแลกเปลียนเรียนรู ้เกียวกับการติดตังและใช ้ งาน XAMPP เพือใชจําลอง ้ Webserver บน Windows เหมาะส ําหรับผู ้ทีต ้องการจําลอง web server เพือใชทดสอบ web ้ ่ application ณ ขณะนีโปรแกรมจําลองฯมีอยูด ้วยกันหลายๆตัว เชน Appserv , IIS , XAMPP ่ ี ้ ั สําหรับ XAMPP จากประสบการณ์ทผมได ้ใชงาน ข ้อดีและจุดเด่นทีเห็นได ้ชดคือ การติดตังและ ้ การใชงานมีความสะดวกสบาย สามารถทําเป็ น portable ได ้ด ้วย และจําลองได ้ทัง Webserver:Apache , Database server:MySQL+phpMyAdmin , MailServer:Mercury Mail , FTPServer : FileZilla และยังมีเครืองมืออืนๆอีกทีผมไม่ได ้กล่าวถึง และทีสําคัญ XAMPP รวม Application ฟรีหลายๆตัว ไว ้ทังหมด ด ้วยเหตุนี โปรแกรม XAMPP จึงฟรี ในการ ้ ใชงานและแจกจ่าย ภายใต ้ เงือนไขของ GNU ขันเตรียมพร ้อมก่อนติดตัง XAMPP 1. ก่อนติดตัง XAMPP ควรอย่างยิงทีจะทําการ Uninstall ระบบจําลอง Webserver ตัวอืนๆ ใน ี ่ ระบบ Windows เราเสยก่อน เชน Appserv / IIS เป็ นต ้น ่ 2. RAM ไม่ตํากว่า 128 MB HardDisk มีเนือทีว่างมากกว่า 320 MB สวน CPU ไม่กําหนด ระบบขันตํา 3. เครืองทีจะทําการติดตัง ลงระบบปฎิบตการเรียบร ้อย Windows 2000, XP (Server 2003), ั ิ Vista (Server 2008), Windows 7 แบบ 32 bit หรือ 64 bit (อันทีจริง XAMPP ลองรับทัง Windows Linux MacOS และ Solaris นะครับแต่ผมจะขอเน ้นไป ที Windows เพียงอย่างเดียว) 4. Download ชุดติดตังจาก http://www.apachefriends.org/en/xampp-windows.html ึ (เฉพาะ Windows) ซงมีให ้โหลดหลายชุด ทังแบบ Full ขนาดประมาณ 50 mb ซงจะรวม ึ ่ Sever อืนๆเข ้าไปด ้วย เชน Fileserver และ mailserver เป็ นต ้น และแบบ Lite ขนาดประมาณ 20 mb ซ ึงจะประกอบด ้วย Webserver และ Database Sever การติดตัง ึ เมือเตรียมทุกอย่างครบทุกข ้อแล ้ว เราจะเริมทําการติดตัง XAMPP ซงสะดวกและง่ายมาก ตาม ขันตอนต่อไปนีครับ ี ้ 1. เปิ ดไฟล์ทใชในการติดตัง xampp-win32-1.7.3.exe (ผมโหลดตัว Full ถ ้าท่าน DL รุนอืน ่ ื ชออาจจะเปลียนแปลงไปจากนีเล็กน ้อย)
  • 2. 2. เลือก ตําแหน่งทีต ้องการติดตัง(Destination folder) จากภาพ ผมเลือกติดตังที Root ของ C: จากนันคลิกทีปุ่ ม Install ้ .. จากนันชุดติดตังจะทําการคัดลอกไฟล์ไปที Folder เป้ าหมาย ขันตอนนีใชเวลา 2-5 นาที ิ ึ ้ ขึนอยูกบประสทธิภาพของเครือง และชุดติดตัง ซงของผมเป็ นชุดใหญ่ก็จะใชเวลามากกว่าชุด ่ ั Lite เป็ นต ้น 3. เมือทําการคัดลอกไฟล์จนเสร็จแล ้วจะเข ้าสู่ command line menu การตังค่าระบบ
  • 3. จากภาพ โปรแกรมติดตังถามว่าต ้องการสร ้าง shortcuts หรือไม่ ถ ้าต ้องการกด ‘y’ แล ้ว enter ถามถึง patch ของ Xampp ถ ้าถูกต ้องหรือยัง กรณีทติดตังครังแรก path ของ Xampp จะเป็ น ี path ทีเราได ้กําหนดให ้คัดลอกไฟล์ลงเครืองอยูแล ้ว ตอบ ‘y’ แล ้ว enter ได ้เลย ่
  • 4. เป็ นการทํา XAMPP แบบ Portable โดยไม่ยดติดกับ Drive ถ ้าท่านต ้องการคุณสมบัตนก็ ึ ิ ี สามารถต ้อง y ได ้เลย ถ ้าติดตังที flash drive แล ้วไปปิ ดทีไหนก็ได ้ ก็น่าจะดีไม่น ้อย หรือติดตัง ่ ลง hardrive แล ้ว copy ทัง folder ไปเลย ก็ทําได ้เชนกัน (Flash drive ต ้องมีเนือทีว่าง ประมาณ 1GB)
  • 5. หลังจากนันจะกลับมาเข ้า Menu หลัก เรากด x แล ้ว enter ออก เป็ นอันเสร็จขันตอนการติดตัง XAMPP
  • 6. ้ การใชงานเบืองต ้น หลังจากการติดตังและกําหนดค่าเรียบร ้อยแล ้ว ที Desktop (ในกรณีทเรากําหนดให ้ สร ้าง ี shortcut) จะมี shortcup ทีเป็ นตัวควบคุมของ XAMPP ปรากฎอยู่ และ Control ตัวนีถือเป็ น ้ จุดเด่นของ XAMPP ก็วาได ้ เพราะใชงานได ้ง่ายมาก ทดลองเปิ ดขึนมาได ้เลยครับ ่
  • 7. ึ จากภาพนะครับ Apache ซงเป็ น Webserver ถูกกําหนดให ้เปิ ดทุกครังที Start Windows และ ่ MySql ก็เชนเดียวกัน แต่ขณะนียังอยูในสถานะ Stop คือยังไม่ทํางาน ถ ้าเรากดทีปุ่ ม Start ก็จะ ่ ทํางานทันที หากเราไม่ต ้องการให ้ sever ทํางานทุกครังทีเปิ ดเครืองก็เอา เครืองหมายถูกที Svc ด ้านหน ้า ของ service ทีต ้องการออก ก็เรียบร ้อยแล ้วครับ ทดสอบกันเลย กด Start ที Apache แล ้วเปิ ดหน ้า web brower ตัวใดก็ได ้ จากนัน พิมพ์ localhost หรือ ึ 127.0.0.1 ซงเป็ น loopback ip ของเครืองเราขึนมาเลยครับ
  • 8. เมือ เข ้า web brower แล ้วหน ้าตาจะออกมาแบบนีครับ ั ึ โปรดสงเกตุวา Xampp ตัวนี run ที Drive I:xampp ซงก่อนหน ้านีผมได ้ copy ทัง folder ่ ั ของ Xampp ไปไว ้ใน Flash drive แต่เป็ นทีน่าสงเกตุวาขนาดไฟล์จริงๆเพียง 200 กว่า mb ่ เท่านัน แต่ใช ้เนือทีบน Disk ถึง 700mb เลยทีเดียว
  • 9. ตําแหน่งเก็บ web site / root = “xampphtdocs” เราสามารถทําไฟล์งาน ไม่วาจะเป็ น php หรือ html มาเก็บไว ้ทีนี เพือทําการทดสอบได ้เลย ่
  • 10. จากนัน save ื ชอ index.php แล ้วเอาไปวางที xampphtdocs ได ้ผลดังภาพครับ ่ ง่ายกว่าทีคิดใชหรือเปล่าครับ ? ี ้ ้ หวังว่าวิธใชงานเบืองต ้นทีผมได ้อธิบายทังหมด จะทําให ้ท่านสามารถนํ าไปใชงานและพัฒนา ทักษะให ้สูงยิงๆขึนไปนะครับ สวัสดี