Post Views:
610
สาระอะ
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
ขั้นตอน
- ติดตั้ง WP-GraphQL บน WordPress
- เพิ่มการยืนยันตัวตนด้วย WP-GraphQL JWT Authentication
ลงมือทำ
ติดตั้ง WP-GraphQL
- เมนู Plugins ไปที่ Installed Plugins
- คลิก Add New
- ในช่อง Search plugins พิมพ์ WP-GraphQL
- คลิก Install Now และ Active
- จะมีเมน GraphQL ปรากฏใน Sidebar
เพิ่มการยืนยันตัวตนด้วย WP-Graphql JWT Authentication
- เข้าไปที่ลิงค์ WP-GraphQL JWT Authentication releases
- เวอร์ชันล่าสุด ส่วน Assets คลิก Source code (zip) เพื่อดาวน์โหลดปลั๊กอิน
- กลับไปที่ WodPress wp-admin เมนู Plugins ไปที่ Add New
- คลิก Upload Plugin และคลิก Choose File
- เลือกไฟล์ปลั๊กอินที่ดาวน์โหลดมา และคลิก Open
- คลิก Install Now
- เพิ่ม define( ‘GRAPHQL_JWT_AUTH_SECRET_KEY’, ‘your-secret-token’ ); ไปยังไฟล์ wp-config.php ในโฟลเดอร์ติดตั้ง WordPress
- ไปที่ลิงค์ https://api.wordpress.org/secret-key/1.1/salt/ คัดลอก value จาก NONCE_SALT ไปแทนที่ your-secret-token ในข้อ 7.
- เมนู Plugins ไปที่ Installed Plugins มองหาปลั๊กอิน WPGraphQL JWT Authentication และคลิก Activate
- เพิ่ม SetEnvIf Authorization “(.*)” HTTP_AUTHORIZATION=$1 ไฟล์ .htaccess ในโฟลเดอร์ที่ติดตั้ง WodPress
หากมีเนื้อหาผิดพลาดประการใด หรือ ทำตามขั้นตอนที่แนะนำแล้วติดปัญหา สามารถคอมเมนท์มาพูดคุยกันได้ครับ
สาระอะ
แนะนำการใช้งาน
ในการแนะนำครั้งนี้ผมเลือกใช้เป็นการให้บริการ API ด้วย GraphQL เนื่องจากสามารถเลือกส่วนของข้อมูลที่ต้องการดึงได้ ไม่ให้เกิดการ Overfetch
ขั้นตอน
ลงมือทำ
ติดตั้ง WP-GraphQL
เพิ่มการยืนยันตัวตนด้วย WP-Graphql JWT Authentication
หากมีเนื้อหาผิดพลาดประการใด หรือ ทำตามขั้นตอนที่แนะนำแล้วติดปัญหา สามารถคอมเมนท์มาพูดคุยกันได้ครับ
JANNARONG PANPETCH
More Posts
JANNARONG PANPETCH