CMS Comparison

สาระอะ

CMS ??

CMS (Content Management System) = ระบบจัดการเนื้อหาของเว็บไซต์ ตัวอย่างเช่น WordPress, Durapal, Joomla

Monolithic CMS ??

ต้องท้าวความก่อนว่า จากรูปภาพ

เรามักคุ้นเคยกับ CMS แบบ Monolithic คือ โค้ดส่วนจัดการเนื้อหาและโค้ดส่วนแสดงเนื้อหาอยู่ในระบบเดียวกัน ตัวอย่างเช่น WordPress ทั่วไป ที่เราออกแบบโครงสร้างเว็บไซต์ หน้าเว็บไซต์ และเนื้อหาได้จาก User Interface หลังบ้าน

ข้อดี

  • เราสามารถทำเว็บไซต์สำหรับให้บริการเนื้อหาได้จบในระบบเดียว
  • ปรับแต่งหน้าเว็บได้จาก UI Interface

ข้อจำกัด

  • ถ้าเราต้องการปรับแต่งเว็บไซต์ ก็จะต้องหาธีมที่ตรงตามความต้องการ หรือไม่ก็เขียนขึ้นเองตามแนวทางของ CMS นั้น ๆ

Q: พี่ ๆ แล้วถ้าเราต้องการปรับแต่งส่วนแสดงเนื้อหาของเว็บไซต์ ด้วยเทคนิคโค้ดอื่น ๆ ที่เราถนัดหละครับทำยังไง??

A: ก็ใช้ Headless CMS แทนสิ

Headless CMS??

CMS แบบ Headless ก็คือ การแยกโค้ดส่วนแสดงเนื้อหาหน้าเว็บไซต์ ออกจากส่วนจัดการเนื้อหา โดยส่วนจัดการเนื้อหาจะให้บริการ API สำหรับส่วนแสดงเนื้อหาดึงข้อมูลไปใช้

Q: พี่ ๆ แล้วถ้าเรามี WordPress เป็น CMS อยู่หละ จะทำ Headless ได้ไหม??

A: ได้สิ ก็ติดตั้งปลั๊กอินสำหรับทำ API เข้าไป แล้วก็ไปเขียนโค้ดดึงข้อมูลจาก API ไปใช้ในส่วนหน้าเว็บด้วยเทคนิคโค้ดตามต้องการ


แนะนำการใช้งาน

ในการแนะนำครั้งนี้ผมเลือกใช้เป็นการให้บริการ API ด้วย GraphQL เนื่องจากสามารถเลือกส่วนของข้อมูลที่ต้องการดึงได้ ไม่ให้เกิดการ Overfetch

ขั้นตอน

  1. ติดตั้ง WP-GraphQL บน WordPress
  2. เพิ่มการยืนยันตัวตนด้วย WP-GraphQL JWT Authentication

ลงมือทำ

ติดตั้ง WP-GraphQL

  1. เมนู Plugins ไปที่ Installed Plugins
  2. คลิก Add New
  3. ในช่อง Search plugins พิมพ์ WP-GraphQL
  4. คลิก Install Now และ Active
  5. จะมีเมน GraphQL ปรากฏใน Sidebar

เพิ่มการยืนยันตัวตนด้วย WP-Graphql JWT Authentication

  1. เข้าไปที่ลิงค์ WP-GraphQL JWT Authentication releases
  2. เวอร์ชันล่าสุด ส่วน Assets คลิก Source code (zip) เพื่อดาวน์โหลดปลั๊กอิน
  3. กลับไปที่ WodPress wp-admin เมนู Plugins ไปที่ Add New
  4. คลิก Upload Plugin และคลิก Choose File
  5. เลือกไฟล์ปลั๊กอินที่ดาวน์โหลดมา และคลิก Open
  6. คลิก Install Now
  7. เพิ่ม define( ‘GRAPHQL_JWT_AUTH_SECRET_KEY’, ‘your-secret-token’ ); ไปยังไฟล์ wp-config.php ในโฟลเดอร์ติดตั้ง WordPress
  8. ไปที่ลิงค์ https://api.wordpress.org/secret-key/1.1/salt/ คัดลอก value จาก NONCE_SALT ไปแทนที่ your-secret-token ในข้อ 7.
  9. เมนู Plugins ไปที่ Installed Plugins มองหาปลั๊กอิน WPGraphQL JWT Authentication และคลิก Activate
  10. เพิ่ม SetEnvIf Authorization “(.*)” HTTP_AUTHORIZATION=$1 ไฟล์ .htaccess ในโฟลเดอร์ที่ติดตั้ง WodPress

หากมีเนื้อหาผิดพลาดประการใด หรือ ทำตามขั้นตอนที่แนะนำแล้วติดปัญหา สามารถคอมเมนท์มาพูดคุยกันได้ครับ

คู่มือการใช้งานโทรศัพท์ Fanvil รุ่น X3SG เบื้องต้น
Google Admin: Alert Center

Leave a Comment