10 ขั้นตอนการติดตั้งและการใช้งาน

10 ข้นั ตอนการตดิ ต้งั และการใช้งานโปรแกรม xampp

ข้ันตอนท่ี 1• เปิ ดเบราวเ์ ซอร์ข้ึนมา แลว้ เขา้ ไปท่ีเวบ็ ไซต์ https://www.apachefriends.org/index.html สามารถเขา้ ไดท้ ้งั เบราวเ์ ซอร์ Google Chrome, Firefox, IE หลงั จากเปิ ดเขา้ ไปแลว้ หนา้ ตาของ โปรแกรมกจ็ ะเป็นแบบน้ีครับ

ข้นั ตอนที่ 2• จากน้นั กค็ ลิกลิงกด์ าวน์โหลดไดเ้ ลยครับ ในส่วนน้ีผมจะดาวนโ์ หลดลง Windows ผมกค็ ลิกท่ี XAMPP For Windows

ข้นั ตอนท่ี 3• กน็ งั่ รอจนระบบทาการดาวนโ์ หลดใหเ้ สร็จเรียบร้อย

ข้นั ตอนท่ี 4• เม่ือระบบทาการดาวน์โหลดเรียบร้อยแลว้ เรากท็ าการเปิ ดไฟลท์ ่ีเราทาการดาวนโ์ หลดข้ึนมาไดเ้ ลยครับ

ข้นั ตอนที่ 5• เมื่อเราทาการกดคาวา่ “เปิ ด” กจ็ ะมีหนา้ ต่าง Setup-XAMMP ปรากฏข้ึนมา ใหเ้ รากดที่คาวา่ Next โดยกด ไปเรื่อยๆ เลยครับ

ข้นั ตอนท่ี 6• จากน้นั โปรแกรม XAMPP กจ็ ะทางานของมนั ต่อไปเรื่อยๆ กระทงั่ มีหนา้ ต่างใหม่ปรากฏข้ึนมาถามวา่ จะเร่ิม เปิ ดใชง้ าน XAMPP เลยหรือไม่ ซ่ึงแน่นอนวา่ เรากต็ อ้ งลองใชข้ องใหม่ เมื่อพร้อมแลว้ คลิก Finish ไดเ้ ลย ครับ

ข้นั ตอนที่ 7• เมื่อเรากดที่ Finish ระบบกจ็ ะเปิ ดหนา้ ต่างดงั ตวั อยา่ งดา้ นล่างข้ึนมาใหอ้ ตั โนมตั ิครับ

ข้นั ตอนที่ 8• เปิ ด Apache กบั MySQL components. หรือเปิ ด components อ่ืนๆ ที่จะใช้ โดยกดไปที่คาวา่ Start หากมีการทางานถูกตอ้ ง สถานะจะเปล่ียนเป็นสีเขียวตามตวั อยา่ งดา้ นล่างเลยครับ

ข้นั ตอนท่ี 9• ยนื ยนั การติดต้งั Apache โดยคลิกไปที่ Admin ของ Apache ใน Control Panel

ข้นั ตอนท่ี 10• ยนื ยนั การติดต้งั MySQL โดยคลิกไปท่ี Admin ของ MySQL ใน XAMPP Control Panel พอ ยนื ยนั เสร็จสิ้นแลว้ กเ็ ท่ากบั ติดต้งั XAMPP ลงในคอมพวิ เตอร์เรียบร้อย และใหเ้ ราเปิ ดเบราวเ์ ซอร์แลว้ พิมพ์ “localhost” ในแถบ address เพอื่ ไปยงั หนา้ ท่ีแจง้ วา่ คุณติดต้งั XAMPP ในระบบเรียบร้อยแลว้

การใช้งานโปรแกรม xampp• ก่อนอ่ืนมาดูการเรียกใชง้ านก่อนนะครับ โปรแกรม Xampp น้ี ถา้ ติดต้งั ตามปกติไม่ไดแ้ กไ้ ขค่าอะไรในตอน ติดต้งั โปรแกรมจะติดต้งั ที่ไดร์ C เมื่อจะใชง้ านกค็ ลิกไดร์ C เลือกโฟลเ์ ดอร์ Xampp แลว้ คลิก เลือก xampp-control.exe จะข้ึนหนา้ จอ Xampp Control Panal มาให้

• น่ีภาพหนา้ จอหลกั ของตวั โปรแกรม โดยการเริ่มใชง้ านใหก้ ดป่ ุม start ตรงเมนู Apache และ My SQL ตามภาพดา้ นล่าง (การใชง้ านท่ีจาเป็นจริงๆจะใชแ้ ค่ 2 ตวั น้ี

หากโปรแกรมทางานปกติ บนหนา้ จอตรงคาวา่ Apache และ Mysql จะ ข้ึนแถบสีเขียว

• จากน้นั เราสามารถเรียกใชง้ านเวบ็ เซิร์ฟเวอร์ท่ีเราติดต้งั ใชง้ านไดผ้ า่ นเวบ็ บราวเซอร์ คือเปิ ด google chrome (อยา่ งอ่ืนกไ็ ดน้ ะครับ) ข้ึนมา แลว้ พมิ พ์ URL วา่ localhost กจ็ ะไดห้ นา้ ตาตามภาพดา้ นล่าง

• ถา้ ไดห้ นา้ ตาแบบน้ีสบายใจได้ ถือวา่ โปรแกรมของเราทางานไดอ้ ยา่ งสมบูรณ์ แต่มีการเรียกใชง้ านอีกวธิ ีโดยผา่ น ตวั โปรแกรม Xampp โดยสะดวกกวา่ เยอะเลย คือกดป่ ุม admin ที่ตวั โปรแกรม Xampp

กจ็ ะไดห้ นา้ จอมาแบบน้ี ซ่ึงเหมือนกบั การเรียกใชง้ านแบบวธิ ีแรก

ส่วนการใชง้ านฐานขอ้ มูล จะเรียกใชง้ านผา่ นแถบเมนูดา้ นซา้ ยมือ จะแนะนาการสร้างฐานขอ้ มูลในโอกาสต่อไป

• ที่ผา่ นมาเป็นการเรียกใชง้ าน แค่ตวั โปรแกรม Xampp แต่หลงั จากน้ี จะเป็นการเรียกใชง้ านเวบ็ ไซตข์ องเรา หาก เราสร้างเวบ็ ท่ีเขียนโค๊ดข้ึนมาเอง เรากน็ าไฟลเ์ วบ็ ท่ีเขียนข้ึนมาน้ี ไปไวใ้ นโฟลเดอร์ htdocs (อยใู่ นโฟลเ์ ดอร์ Xampp ในไดร์ C) เมื่อเจอโฟลเดอร์กว็ างไฟลล์ งไปไดเ้ ลย ส่วนถา้ เป็นเวบ็ ไซต์ Moodle เรากน็ าตวั ติดต้งั ใน โฟลเดอร์น้ี แลว้ เรียกใชง้ านจาก locolhost

ภาพดา้ นล่างน้ี เป็นดา้ นในของโฟลเดอร์ htdocs โดยจะสงั เกตุเห็นวา่ มีโฟลเดอร์ moodleอยู่ ซ่ึงเป็นเวบ็ ไซต์ moodle ท่ีผมไดต้ ิดต้งั ไวก้ ่อนหนา้ น้ีแลว้ (วีธีการติดต้งั moodle จะอธิบายในโอกาสต่อไป)

สุดทา้ ยเม่ือเราจะเรียกใชง้ าน (ดูเวบ็ ไซตข์ องเรา) ใหเ้ ราเขา้ เวบ็ บราวเซอร์ แลว้ พิมพ์ URL วา่localhost/ชื่อโฟลเดอร์ที่เราต้งั ตามตวั อยา่ ง คือ localhost/moodle (ชื่อโฟลเดอร์เวบ็ ไซต์ แลว้ แตเ่ ราจะต้งั นะครับ) เม่ือกด enter หนา้ จอกจ้ ะแสดงผลเวบ็ ไวตืของเราออกมา