วิธีการติดตั้งโปรเจคที่พัฒนาด้วย PHP + MySQL บนเว็บเซิร์ฟเวอร์ Xampp

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

1.การเตรียมไฟล์โปรเจค

    1.1 การเตรียมไฟล์ฐานข้อมูล

    หากคุณซื้อโปรเจคสำเร็จรูปกับแอดมิน ทางแอดมินจะเตรียมไฟล์ไว้ให้คุณเรียบร้อยร้อย โดยจะเป็นไฟล์ที่มีนามสกุล .sql สามารถนำไปใช้งานได้ทันที แต่ถ้าหากว่าใครไม่ได้ซื้อก็มีวิธีแนะนำดังนี้นะครับ ให้คุณเข้าไปที่โปรแกรม phpmyadmin จากนั้นให้เลือกไปที่ฐานข้อมูล และวเลือกเมนูส่งออก (Export) จากนั้นกดปุ่ม Go ก็จะได้ไฟล์ฐานข้อมูล .sql มาแล้วครับ

    1.2 การเตรียมไฟล์ Source Code

    หากใครใช้ Xampp อยู่แล้วก็สามารถเข้าไปทำการ Copy Folder โปรเจคของเราใน Folder htdocs ได้เลย หากใช้โปรแกรม Appserv ก็จะอยู่ใน Folder www ครับ รูปด้านล่างจะเป็นไล์ที่ทางแอดมินส่งให้ลูกค้าที่ทำการสั่งซื้อโปรเจคสำเร็จรูปกับเรา จะประกอบไปด้วย Folder 3 ตัวได้แก่ โค้ดโปรแกรม ฐานข้อมูล และรูปเล่มเอกสาร (หากใครไม่ได้จ้างทำเอกสารหรือโปรเจคไหนไม่ได้แถมเอกสารด้วยจะไม่มี Folder นี้นะครับ)

ให้ทำการ Download ไฟล์โปรเจคทั้งหมดมาไว้ในเครื่องของเคูรโดยส่วนใหญ่จะอยู่ใน Folder Download นะครับ จะได้ไฟล์ 2 ไฟล์ตามรูปด้านล่าง และให้ทำการแตกไฟล์ให้เรียบร้อย

2.การติดตั้งฐานข้อมูล

 เปิดโปรแกรม Control Panel ของโปรแกรม Xampp จากนั้นให้กดปุ่ม Start ที่ตัว Apache Server และ MySQL Server

จากหน้า Control Panel ให้ไปคลิ๊กที่ปุ่ม Admin ในส่วนของ MySQL Server หรือเปิดเว็บเบร้าเซอร์ขึ้นมาแล้วเข้าไปที่ url http://localhost แล้วเลือกไปที่เมนู phpmyadmin ดังภาพด้านล่าง

    2.1 การสร้างฐานข้อมูล

ให้คลิ๊ปที่ลิ้งค์ new ตรงที่วงไว้สีแดงในภาพ

จากนั้นให้ให้พิมพ์ชื่อฐานข้อมูลในช่องหมายเลข 1 ในกรณีที่ซื้อโปรเจคสำเร็จรูปไปให้ตั้งชื่อตามไฟล์ฐานข้อมูลเลยนะครับ แต่ไม่ต้องเติมนามสกุล .sql เข้าไป เช่น project-db.sql ให้ใส่เฉพาะ project-db
เลข 2 ให้เลือกเป็น utf8mb4_general_ci หากเลือกอยู่แล้วก็ไม่ต้องเปลี่ยน จากนั้นกดปุ่ม Create

    2.2 การนำเข้าฐานข้อมูล (Import)

ให้เลือกฐานข้อมูลตามหมายเลข 1 ชื่อตามที่คุฯตั้งไว้ในหัวข้อที่ 2.1 นะครับ จากนั้นเลือกเมนู Import ที่หมายเลข 2

เลือกที่ปุ่ม Choose file จะมีหน้าต่าง popup แสดงขึ้นมา ให้เลือกไปที่ Folder ฐานข้อมูลที่เราแตกไฟล์ไว้นะครับในหมายเลขที่ 2

จากนั้นให้กดที่ปุ่ม Go ตรงหมายเลยที่ 3

เมื่อโปรแกรมนำเข้าฐานข้อมูลเราเสร็จแล้วจะแสดงสถานะเป็นสีเขียวทั้งหมด

3. การติดตั้ง Source Code โปรเจค

ให้ไป copy Folder ที่เราแตกไฟล์ไว้ จะต่างจาก Folder ฐานข้อมูลนะครับ

จากนั้นให้เข้าไปที่ Folder ของโปรแกรม Xampp โดยทั่วไปจะอยู่ในไดร์ C โดยให้ดับเบิ้ลคลิ๊กเข้าไป

จากนั้นให้ดับเบิ้ลคลิ๊กเข้าไปที่ Folder htdocs

และให้วาง Folder ที่เรา Copy มาลงไว้ในนี้เลยครับ

ในกรณที่คุณใช้โปรแกรม Xampp เป็นตัวเว็บเซิร์ฟเวอร์และตั้งชื่อฐานข้อมูลตรงกับชื่อไฟล์ฐานข้อมูลแล้วไม่ต้องทำตามภาพด้านล่างนะครับ แต่กรณีที่คุณใช้ Appserv หรือว่าไม่ได้ตั้งชื่อฐานข้อมูลให้ตรลกับชื่อไฟล์ฐานข้อมูลนั้นต้องเข้าไปแก้ไขสคริปนิดหน่อย โดยให้เปิดโปรแกรม Code Editor ขึ้นมาในบทความนี้ผมจะใช้ VSCode นะครับ จากนั้นให้ทำการเปิด Folder โปรเจคในโปรแกรม VSCode ครับ จะได้ดังรูปภาพด้านล่าง

ให้เข้าไปที่ Folder include และเปิดไฟล์ connect.php ขึ้นมา จากนั้นให้แก้โค้ดนการเชื่อมต่อฐานข้อมูลตามนี้นะครับ

$pass="รหัสผ่านในการเข้าใช้งานฐานข้อมูล" หากใช้โปรแกรม Appserv เป็นเว็บเซิร์ฟเวอร์ต้องใส่รหัสผ่านด้วยครับ
$db="ชื่อฐานข้อมูล" ให้ตรวจสอบว่าชื่อฐานข้อมูลในตัวแปรตรงกับชื่อฐานข้อมูลในโปรแกรม phpmyadmin

เมื่อแก้ไขเสร็จแล้วให้ทำการันทึกไฟล์ครับ

4.วิธีการรันโปรเจค PHP

ให้เปิดเว็บเบร้าเซอร์ขึ้นมาจากนั้นให้พิมพฺ url localhost/project-name คำว่า project-name คือชื่อ Folder ที่เรา Copy ไปวางไว้ในโปรแกรม Xamppนะครับ

เท่านี้ก็สามารถรันโปรเจค PHP โดยเชื่อมต่อกับฐานข้อมูล MySQL ได้แล้วนะครับ หากใครที่ไม่เข้าใจก็สามารถดูเป็นแบบคลิปวิดิโอที่ช่องรับทำโปรเจคจบ.com ด้านล่างนี้ครับ