การติดตั้งและตั้งค่า ExpressionEngine CMS ในสภาพแวดล้อม ServBay บนเครื่อง

ภาพรวม

ExpressionEngine คือระบบจัดการเนื้อหา (CMS) ที่ทรงพลังและยืดหยุ่น เหมาะสำหรับการสร้างเว็บไซต์และแอปพลิเคชันเว็บประเภทต่างๆ ที่มีความซับซ้อน มาพร้อมฟีเจอร์หลักที่ครบครันและโครงสร้างแบบโมดูลาร์สูง ช่วยให้นักพัฒนาและนักออกแบบปรับแต่งเว็บไซต์ได้อย่างอิสระ

ServBay เป็นสภาพแวดล้อมการพัฒนาเว็บบน macOS แบบครบวงจร รวมเซิร์ฟเวอร์ยอดนิยม (เช่น Nginx, Caddy, Apache), รันไทม์หลากหลายภาษา (PHP, Node.js, Python, Go, Java, Ruby, Rust, .NET), ระบบฐานข้อมูล (MySQL, PostgreSQL, MongoDB, Redis) รวมทั้งเครื่องมือสำหรับนักพัฒนา (Composer, npm/yarn, phpMyAdmin/Adminer) ไว้เป็นหนึ่งเดียว นักพัฒนาจึงตั้งค่าและจัดการสภาพแวดล้อมได้อย่างง่ายดาย

บทความนี้จะแนะนำวิธีติดตั้งและตั้งค่า ExpressionEngine ใน ServBay อย่างละเอียด เพื่อช่วยให้คุณเริ่มโปรเจกต์ ExpressionEngine ได้อย่างรวดเร็ว

เหตุผลที่ควรติดตั้ง ExpressionEngine ด้วย ServBay

ข้อดีของการติดตั้ง ExpressionEngine บน ServBay มีดังนี้

• บูรณาการครบวงจร: ServBay รวมทุกสิ่งที่จำเป็นสำหรับการใช้งาน ExpressionEngine เช่น PHP, MySQL และเว็บเซิร์ฟเวอร์ หมดปัญหาติดตั้งทีละส่วน
• รองรับหลายเวอร์ชัน: สลับหรือเลือกเวอร์ชัน PHP ให้เหมาะกับ ExpressionEngine ที่คุณต้องการได้อย่างง่ายดาย
• จัดการฐานข้อมูลสะดวก: มี phpMyAdmin หรือ Adminer มาให้ในตัว ช่วยให้สร้าง/จัดการฐานข้อมูลที่ต้องใช้ได้สบาย
• ตั้งค่าเว็บไซต์ง่าย: สร้างและกำหนดค่าชี้ไปยังโฟลเดอร์โปรเจกต์ ExpressionEngine ได้รวดเร็วผ่านอินเทอร์เฟซแบบกราฟิก
• แยกและจัดการโปรเจกต์: กำหนดค่าสำหรับแต่ละโปรเจกต์ได้เป็นอิสระ ลดปัญหาแย่งกันใช้หรือคอนฟลิกต์ระหว่างโครงการ

ข้อกำหนดเบื้องต้น

ก่อนเริ่มการติดตั้ง กรุณาตรวจสอบสิ่งต่อไปนี้

1. ติดตั้งและรัน ServBay บน macOS แล้ว หากยังไม่ได้ติดตั้ง โปรดดู คู่มือติดตั้งจากเว็บไซต์ทางการของ ServBay
2. มีความเข้าใจพื้นฐานการใช้คำสั่งใน Terminal
3. รู้จักแนวคิดฐานข้อมูล เช่น database, user ในระดับเบื้องต้น
4. มีสิทธิ์เขียนไฟล์ในโฟลเดอร์รากเว็บไซต์ของ ServBay (/Applications/ServBay/www)

ขั้นตอนการติดตั้ง

ติดตั้งและตั้งค่า ExpressionEngine ใน ServBay ตามขั้นตอนเหล่านี้

ขั้นตอนที่ 1: เตรียมโฟลเดอร์โปรเจกต์และดาวน์โหลด ExpressionEngine

เริ่มจากเปิดแอป Terminal ไปยังโฟลเดอร์รากของเว็บไซต์ ServBay (/Applications/ServBay/www) สร้างโฟลเดอร์โปรเจกต์ใหม่ (เช่น servbay-ee-app) จากนั้นเข้าไปในโฟลเดอร์

cd /Applications/ServBay/www
mkdir servbay-ee-app
cd servbay-ee-app

จากนั้นใช้คำสั่ง curl ดาวน์โหลด ExpressionEngine เวอร์ชันล่าสุดไปยังโฟลเดอร์นี้ โดยใช้ -L (ให้ตาม redirect) และ -o (กำหนดชื่อไฟล์ที่บันทึก)

curl -L https://expressionengine.com/latest -o expressionengine.zip

ขั้นตอนที่ 2: แตกไฟล์ ExpressionEngine

เมื่อดาวน์โหลดเสร็จ ให้ใช้ unzip แตกไฟล์ expressionengine.zip ไปในโฟลเดอร์ปัจจุบัน เสร็จแล้วลบไฟล์ zip ได้เลย

unzip expressionengine.zip
rm expressionengine.zip

หลังแตกไฟล์ โครงสร้างของ ExpressionEngine จะอยู่ในโฟลเดอร์ servbay-ee-app แล้ว

ขั้นตอนที่ 3: สร้างฐานข้อมูลและผู้ใช้สำหรับ ExpressionEngine

ExpressionEngine ต้องใช้ฐานข้อมูลเพื่อเก็บข้อมูลและการตั้งค่าต่างๆ ServBay มี MySQL และ phpMyAdmin มาให้เพื่อจัดการฐานข้อมูลได้สะดวก

1. เข้า phpMyAdmin ที่มากับ ServBay

   เปิดเว็บเบราว์เซอร์ เข้าไปที่หน้าเครื่องมือของ ServBay: https://servbay.host/ จากนั้นคลิกที่ลิงก์ “phpMyAdmin” จะเข้าสู่หน้าล็อกอิน phpMyAdmin ใช้ชื่อผู้ใช้และรหัสผ่านฐานข้อมูลตามค่าเริ่มต้นของ ServBay (โดยปกติไม่ต้องใช้รหัสผ่านถ้าเป็น localhost)

2. สร้างผู้ใช้และฐานข้อมูล

   หลังล็อกอิน phpMyAdmin จะสร้างผู้ใช้เฉพาะและฐานข้อมูลใหม่สำหรับ ExpressionEngine

   • ไปหน้าจัดการผู้ใช้: จากหน้าแรก คลิก “ผู้ใช้บัญชี” ที่เมนูนำทางด้านบน
   • เพิ่มผู้ใช้ใหม่: คลิก “เพิ่มผู้ใช้บัญชี”
   • กรอกรายละเอียด:
     • ชื่อผู้ใช้: กำหนดเช่น ee_user
     • โฮสต์: เลือก localhost (เพื่อความปลอดภัย ให้ใช้ได้แค่เครื่องเดียวกัน)
     • รหัสผ่าน: ตั้งรหัสผ่านที่ปลอดภัย (เช่น password123 สำหรับตัวอย่าง แนะนำให้ใช้รหัสที่แข็งแรงจริงในงานจริง)
     • ยืนยันรหัสผ่าน: กรอกซ้ำอีกครั้ง
     • สร้างฐานข้อมูลพร้อมกับผู้ใช้: ติ๊กที่ “สร้างฐานข้อมูลที่ชื่อเดียวกับผู้ใช้และให้สิทธิ์ทั้งหมด”
   • ตรวจสอบสิทธิ์: ไม่ต้องให้สิทธิ์แบบ Global พิเศษเพิ่ม เพราะสิทธิ์ระดับฐานข้อมูลเพียงพอแล้ว
   • ดำเนินการ: กด “ดำเนินการ” ที่ด้านล่างของหน้าเพื่อตั้งค่าสร้างผู้ใช้และฐานข้อมูล

   ตอนนี้คุณจะได้ผู้ใช้ชื่อ ee_user และฐานข้อมูลชื่อเดียวกัน (ee_user) ที่ให้สิทธิ์ครบกับผู้ใช้นี้แล้ว

ขั้นตอนที่ 4: ตั้งค่าเว็บไซต์ใน ServBay

ต้องบอก ServBay ให้ชี้โดเมนในเครื่อง เช่น servbay-ee.local ไปยังโฟลเดอร์โปรเจกต์ ExpressionEngine

1. เปิด ServBay แล้วเพิ่มเว็บไซต์ใหม่

   เปิดแอปพลิเคชัน ServBay เลือก “เว็บไซต์” ที่แถบด้านซ้าย แล้วคลิกปุ่ม “+” หรือ “เพิ่ม” เพื่อสร้างคอนฟิกเว็บไซต์ใหม่

   • ชื่อ (Name): ตั้งชื่อเช่น My ExpressionEngine Site
   • โดเมน (Domain): กำหนดโดเมนที่ต้องการใช้ในเครื่อง เช่น servbay-ee.local (ServBay จะเพิ่มใน hosts ให้เอง)
   • ประเภท (Type): เลือก PHP (ExpressionEngine พัฒนาด้วย PHP)
   • เวอร์ชัน PHP: เลือก PHP ที่เหมาะสมตามข้อกำหนด ExpressionEngine ได้ตามต้องการ
   • โฟลเดอร์เว็บไซต์ (Document Root): เลือก /Applications/ServBay/www/servbay-ee-app ที่เตรียมไว้
   • เซิร์ฟเวอร์เว็บ: เลือกเซิร์ฟเวอร์ที่รองรับ เช่น Nginx, Caddy, Apache (ค่าตั้งต้นเหมาะกับส่วนมาก)

2. บันทึกและใช้คอนฟิก

   ตรวจสอบอีกครั้งแล้วคลิก “บันทึก” หรือ “นำไปใช้” อาจต้องรีสตาร์ทเว็บเซิร์ฟเวอร์ของ ServBay เพื่ออัปเดตคอนฟิก ทำตามคำแนะนำจนกว่าขึ้นสถานะพร้อมใช้

   ตอนนี้เมื่อเปิดเบราว์เซอร์ ไปที่ https://servbay-ee.local/ ระบบ ServBay จะพาคุณเข้าสู่โฟลเดอร์ ExpressionEngine ทันที

ขั้นตอนที่ 5: รันตัวติดตั้ง ExpressionEngine ผ่านเว็บ

ExpressionEngine มีตัวติดตั้งผ่านเว็บให้ใช้งานสะดวก

1. เข้าเพจติดตั้ง

   เปิดเว็บเบราว์เซอร์ เข้าโดเมนที่ตั้งค่าไว้ใน ServBay พร้อมระบุไฟล์เริ่มการติดตั้ง (admin.php) ปกติจะอยู่ที่ /admin.php

   ตัวอย่าง URL: https://servbay-ee.local/admin.php

   คุณควรเห็นหน้าต้อนรับหรือตัวช่วยติดตั้งของ ExpressionEngine

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

   ตัวช่วยติดตั้งจะให้กรอกข้อมูลสำคัญดังนี้

   • ข้อมูลฐานข้อมูล:
     • Database Host: localhost
     • Database Name: ee_user (ชื่อฐานข้อมูลที่สร้างไว้)
     • Database Username: ee_user (ชื่อผู้ใช้ที่สร้างไว้)
     • Database Password: รหัสผ่านของ ee_user ตามที่ตั้งไว้
   • ข้อมูลสำหรับบัญชีผู้ดูแล: ตั้งค่าบัญชีแอดมิน เช่น username, password, อีเมล (ควรตั้งรหัสผ่านที่ปลอดภัย)
   • ข้อมูลเว็บไซต์: กำหนดชื่อเว็บ URL และข้อมูลทั่วไปอื่นๆ

3. เสร็จสิ้นการติดตั้ง

   ตรวจสอบข้อมูลว่าถูกต้องแล้วคลิก “ติดตั้ง” (Install) หรือตามชื่อปุ่มที่มี ระบบจะสร้างตารางฐานข้อมูลและตั้งค่า ExpressionEngine ใส่ให้เรียบร้อย

   เมื่อติดตั้งเสร็จโดยมากแล้วจะถูกเปลี่ยนหน้าไปยังหน้าล็อกอินหรือแดชบอร์ด

ขั้นตอนที่ 6: ตั้งค่าพื้นฐานหลังติดตั้ง

ติดตั้ง ExpressionEngine เสร็จแล้ว สามารถติดตั้งปลั๊กอิน, เทมเพลตหรือปรับแต่งพื้นฐานตามต้องการ

1. เข้าสู่หลังบ้าน ExpressionEngine

   ใช้บัญชีแอดมินที่ตั้งไว้ล็อกอินที่ https://servbay-ee.local/admin.php กรอกชื่อผู้ใช้และรหัสผ่าน

2. ติดตั้งปลั๊กอิน

   ที่หลังบ้านไปที่ “นักพัฒนา (Developer)” -> “ส่วนเสริม (Add-Ons)” -> “ปลั๊กอิน (Plugins)” เลือกติดตั้งปลั๊กอินที่ต้องการได้

3. ติดตั้งและตั้งค่าเทมเพลต

   ไปที่ “ออกแบบ (Design)” -> “เทมเพลต (Templates)” สามารถสร้างกลุ่มเทมเพลตและแก้ไขโค้ด HTML/CSS/EE สำหรับแสดงเนื้อหาเว็บได้เลย

เริ่มสร้างเว็บไซต์ด้วย ExpressionEngine

ติดตั้งและตั้งค่าบน ServBay เรียบร้อยแล้ว สามารถเริ่มสร้างและจัดการเว็บไซต์ได้ทันที ตัวเลือกเริ่มต้นยอดนิยมเช่น

สร้าง Channel และ Entry

หัวใจของ ExpressionEngine คือ Channel (ประเภทเนื้อหา) และ Entry (ข้อมูลเนื้อหาแต่ละชิ้น)

1. สร้าง Channel: เข้าหลังบ้าน ไปที่ “โครงสร้างเนื้อหา (Content Structure)” -> “จัดการ Channel (Channels)” คลิก “สร้าง Channel ใหม่ (Create New Channel)” ตั้งชื่อ เลือกกลุ่มฟิลด์ แล้วกด “บันทึก Channel (Save Channel)”
2. สร้าง Entry: ไปที่ “เนื้อหา (Content)” -> “โพสต์ (Publish)” เลือก Channel ที่เพิ่งสร้าง กรอกรายละเอียดเนื้อหาแล้วคลิก “บันทึก (Save)”

ตั้งค่าเมนูนำทาง

เมนูนำทางโดยมากสร้างจากเทมเพลต

1. สร้างหรือแก้ไขเทมเพลต: ไปที่ “ออกแบบ (Design)” -> “เทมเพลต (Templates)” เลือกหรือสร้างเทมเพลตสำหรับเมนู เช่น nav ในกลุ่ม site
2. เขียนโค้ดเมนู: ใส่ ExpressionEngine tag เพื่อดึง entry หรือหน้าต่างๆ มาสร้างเมนู HTML
3. แทรกเมนูใน Layout: ที่เว็บเพจหลัก แทรก {% include 'site:nav' %} (ถ้าใช้ Blade) หรือ tag ที่เกี่ยวข้องของ EE

ปรับแต่งวิดเจ็ต/ไซด์บาร์

ส่วนวิดเจ็ตหรือไซด์บาร์ มักสร้างผ่านเทมเพลตเช่นเดียวกัน

1. สร้างเทมเพลตวิดเจ็ต: ใน “ออกแบบ (Design)” -> “เทมเพลต (Templates)” สร้างสำหรับวางเนื้อหาวิดเจ็ต เช่น site:sidebar
2. เขียนโค้ดแสดงวิดเจ็ต: เช่น แสดงรายการล่าสุด หมวดหมู่ หรือโฆษณา
3. แทรกลงในเลย์เอาต์: ใส่เข้าไปในตำแหน่งที่ต้องการบนหน้าเว็บ

คำถามที่พบบ่อย (FAQ)

• ถาม: เข้า https://servbay-ee.local/ แล้วพบปัญหาสิทธิ์ไฟล์ทำอย่างไร?
  • ตอบ: ตรวจสอบโฟลเดอร์โปรเจกต์ (/Applications/ServBay/www/servbay-ee-app) และไฟล์ย่อยว่าผู้ใช้ที่รัน ServBay (โดยปกติคือผู้ใช้ของคุณ) มีสิทธิ์อ่าน/เขียนครบหรือไม่ อาจต้องใช้คำสั่ง chmod หรือ chown เช่น sudo chown -R yourusername:yourgroup /Applications/ServBay/www/servbay-ee-app
• ถาม: ตัวช่วยติดตั้ง ExpressionEngine แจ้งเชื่อมต่อฐานข้อมูลไม่ได้?
  • ตอบ: ตรวจสอบค่า host, ชื่อฐานข้อมูล, ชื่อผู้ใช้, รหัสผ่านที่กรอกให้ตรงกับที่สร้างใน phpMyAdmin และตรวจสอบว่าบริการ MySQL/MariaDB ของ ServBay ทำงานอยู่
• ถาม: ใช้ฐานข้อมูลอื่นอย่าง PostgreSQL ที่มากับ ServBay ได้ไหม?
  • ตอบ: ExpressionEngine สนับสนุน MySQL/MariaDB เป็นหลัก หาก ExpressionEngine รุ่นที่คุณใช้รองรับ PostgreSQL (และตั้งค่าคล้ายกับ MySQL) อาจใช้งานได้กับ PostgreSQL บน ServBay เช่นกัน แต่ขึ้นกับการรองรับโดยตรงจาก ExpressionEngine กรุณาตรวจสอบเอกสารทางการของ ExpressionEngine อีกครั้ง

สรุป

หากดำเนินการตามคู่มือนี้จนจบ คุณจะติดตั้งและตั้งค่า ExpressionEngine CMS กับ ServBay สภาพแวดล้อมพัฒนาท้องถิ่นบน macOS ได้สำเร็จ ServBay อำนวยความสะดวกสำหรับงานพัฒนา ExpressionEngine โดยรวมเครื่องมือจำเป็นไว้ครบ สามารถเริ่มใช้งานฟีเจอร์ของ ExpressionEngine เพื่อสร้างเว็บไซต์หรือแอปพลิเคชันเว็บของคุณได้ทันที ขอให้สนุกกับการพัฒนา!