boychawin.com

How to Install and using MAMP

ขั้นตอนในการติดตั้งและใช้งาน MAMP (Mac,Windows, Apache, MySQL, PHP)

Boy Chawin
Boy Chawin

Dec 12, 2023

ก่อนอื่นมาทำความรู้จักเกี่ยวกับ MAMP กันก่อนนะครับ ส่วนตัวผมใช้ระบบปฏิบัติการ macOS เป็นหลักในการพัฒนา และใช้ MAMP เป็น Server จำลอง เป็นหลัก ที่ใช้จริงๆก็ MySQL ตอนนี้แอดก็ไม่ได้เขียน PHP แหละ แต่จะมี Content มาเลยๆ ตอนนี้ที่ใช้ก็หันไปใช้ Docker ซ่ะแล้วล่ะ มาๆเข้าเรื่องกันดีกว่า

MAMP คือแพลตฟอร์มที่ช่วยในการสร้างสภาพแวดล้อมสำหรับการพัฒนาเว็บไซต์หรือแอปพลิเคชันเว็บบนระบบปฏิบัติการ macOS Intel CPU / ARM CPU และรองรับ Windows 10+ ด้วยนะครับ โดยที่

  • Mac: ตัว MAMP ถูกออกแบบมาเพื่อใช้งานบนระบบปฏิบัติการ macOS
  • Apache: เป็นเว็บเซิร์ฟเวอร์ที่ใช้ในการเสิร์ฟเว็บไซต์หรือแอปพลิเคชันบนเครื่องแมค
  • MySQL: เป็นระบบฐานข้อมูลที่ใช้ในการจัดเก็บข้อมูล
  • PHP: เป็นภาษาโปรแกรมมิ่งที่ใช้ในการพัฒนาแอปพลิเคชันเว็บ

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

น่าจะพอเข้าใจกันคราวๆแล้วนะงั้นไปต่อที่การติดตั้งและใช้งานยาวๆโลด

การติดตั้ง MAMP

  1. ดาวน์โหลด MAMP: เข้าไปที่เว็บไซต์ MAMP และดาวน์โหลดเวอร์ชันที่เหมาะสมกับระบบของคุณ
  2. การติดตั้ง: เมื่อดาวน์โหลดเสร็จสิ้น รันตัวติดตั้งและทำตามคำแนะนำที่ปรากฏบนหน้าจอ เราสามารถทำการติดตั้งเหมือนการติดตั้งโปรแกรมปกติบนระบบของคุณได้

การใช้งาน MAMP (อ้างอิงเครื่อง Mac เป็นหลักนะครับ)

  1. เริ่มต้นใช้งาน MAMP: เปิดโปรแกรม MAMP จากโฟลเดอร์ Applications หรือค้นหาผ่าน Spotlight
  2. เริ่มทำงานกับเซิร์ฟเวอร์: คลิกที่ปุ่ม "Start Servers" ภายในอินเตอร์เฟซของ MAMP เพื่อเริ่มทำงาน Apache (เว็บเซิร์ฟเวอร์) และ MySQL (ฐานข้อมูล)
  3. เข้าถึง PHPMyAdmin: เพื่อจัดการฐานข้อมูล MySQL คุณสามารถใช้ PHPMyAdmin ใน MAMP โดยคลิกที่ "Open start page" หรือพิมพ์ http://localhost/phpmyadmin/ ในเบราว์เซอร์ของคุณ เพื่อสร้างและจัดการฐานข้อมูล
  4. โฟลเดอร์ Document Root: โดยค่าเริ่มต้น MAMP จะใช้ /Applications/MAMP/htdocs/ เป็นโฟลเดอร์ Document Root นำไฟล์ PHP หรือแอปพลิเคชันเว็บของคุณมาวางที่นี่เพื่อเข้าถึงผ่านเบราว์เซอร์

การทดสอบ

  1. Localhost: เปิดเบราว์เซอร์และไปที่ http://localhost/ หากทุกอย่างถูกต้อง คุณจะเห็นหน้าแรกของ MAMP
  2. การทดสอบ PHP: สร้างไฟล์ PHP (เช่น test.php) และบันทึกไว้ในโฟลเดอร์ Document Root เพิ่มโค้ด PHP เช่น <?php phpinfo(); ?> และเข้าถึงไฟล์ผ่านเบราว์เซอร์ (http://localhost/test.php) เพื่อดูข้อมูลการกำหนดค่า PHP
  3. การทดสอบ MySQL:เข้าถึงผ่านเบราว์เซอร์(http://localhost/phpmyadmin/) เพื่อดูข้อมูลในฐานข้อมูล

โดย MAMP จะสร้างสภาพแวดล้อมเซิร์ฟเวอร์ในเครื่องของคุณ เพื่อรันแอปพลิเคชันเว็บที่ต้องการ Apache, MySQL, และ PHP โดยไม่ต้องเชื่อมต่ออินเทอร์เน็ต หลังจากทำงานเสร็จสิ้น คุณสามารถหยุดเซิร์ฟเวอร์ได้ผ่านอินเตอร์เฟซของ MAMP

หากมีปัญหาในการติดตั้งหรือการใช้งาน สามารถตรวจสอบเอกสารของ MAMP

ระบบจองห้อง/โต๊ะ PHP & MySQLi

ระบบจองห้อง, ระบบจัดการทรัพยากรสารสนเทศ

ระบบจองห้อง/โต๊ะ PHP & MySQLi

Nov 22, 2023

Web ระบบเบิก-จ่ายวัสดุ

ระบบเบิก-จ่ายวัสดุ อุปกรณ์และเครื่องเขียนสำนักงาน API PHP/MySQL

Web ระบบเบิก-จ่ายวัสดุ

Dec 5, 2023

How to install LINE (LIFF) ร่วมกับ React

การใช้ LINE Front-end Framework (LIFF) ร่วมกับ React และ TypeScript สำหรับการรับรองตัวตนและการเข้าถึงข้อมูล

How to install LINE (LIFF) ร่วมกับ React

Dec 6, 2023

เข้าสู่ระบบด้วย Credentials Provider In NextAuth.js Prisma EP.3

เข้าสู่ระบบโดยใช้ชื่อผู้ใช้และรหัสผ่าน ได้ง่ายๆ ด้วย provider credentials.

เข้าสู่ระบบด้วย Credentials Provider In NextAuth.js Prisma EP.3

Dec 6, 2023

How to install Prisma in Next.js 14

การติดตั้งและ setup โปรเจกต์ Next.js เพื่อใช้งานกับ Prisma อาจมีขั้นตอนหลายอย่างที่ต้องทำเพื่อให้โปรเจกต์สามารถเชื่อมต่อกับฐานข้อมูลและใช้ Prisma ได้อย่างถูกต้อง

How to install Prisma in Next.js 14

Dec 7, 2023

How to install Next.js 14 แบบมีรายละเอียด

พา setup โปรเจกต์ Next.js 14 เบื้องต้น

How to install Next.js 14  แบบมีรายละเอียด

Dec 7, 2023

[Free] Next.js Admin Dashboard Template with Tailwind CSS

Tailwind CSS-Powered Next.js Admin Dashboard Template

[Free] Next.js Admin Dashboard Template with Tailwind CSS

Dec 11, 2023

How to use CRUD with Prisma in Next.js

การใช้งาน CRUD (Create, Read, Update, Delete) กับ Prisma ใน Next.js

How to use CRUD with Prisma in Next.js

Dec 12, 2023

ระบบร้านอาหาร RESTFul API in Golang

Restaurant System API

ระบบร้านอาหาร  RESTFul API in Golang

Dec 18, 2023

สร้างตารางข้อมูล Excel โดย PhpSpreadsheet ด้วย PHP

สร้างตารางข้อมูลใน Excel โดยใช้ไลบรารี PhpSpreadsheet ซึ่งเป็นไลบรารีสำหรับจัดการไฟล์ Excel ด้วย PHP

สร้างตารางข้อมูล Excel โดย PhpSpreadsheet ด้วย PHP

Dec 21, 2023