Full Stack Dev: Strapi ทำ API แบบไม่ต้องเขียนโค้ด

Strapi เป็น CMS แบบ Headless ก็คือไม่มีหน้าเวปมาให้ แต่มี API กับระบบหลังบ้าน เราก็สร้างเวปแอป หรือแอปมือถือ เพื่อเชื่อมต่อกับระบบหลังบ้าน เราสามารถสร้าง API ได้ง่ายดายไม่ต้องเขียนโค้ด สามารถดัดแปลงพฤติกรรม API เดิม หรือทำขึ้นใหม่ก็ได้ เขียน Plugin เสริมให้ Admin Control Panel มีหน้าจอเพื่อตั้งค่าได้
วีดีโอก่อนหน้าให้ ลองใช้ JSON Server เพื่อสร้าง API แบบง่ายอย่างรวดเร็วแล้ว สำหรับสร้างโปรเจ็กแค่ต้นแบบ ถ้าทำด้วย Strapi เอาไปใช้งานบน Production ได้เลย เนื่องจากมีหน้าหลังบ้านแล้วสามารถขึ้นโครงและสร้างข้อมูลได้ง่ายและรวดเร็วมาก เดี๋ยวคลิปหน้าเราจะเริ่มเขียนโค้ด Frontend กัน เดี๋ยวผมขอฝึกใช้ก่อนพึ่งจะหัดสดๆร้านๆเลย
ถ้ามองในด้านของนักพัฒนา Backend ข้อมูลที่ใช้กรอกฟอร์มประมาณ CRUD จะมีให้ไม่ต้องเสียเวลาสร้าง ถ้าไม่รองรับก็เขียน Custom API เพิ่ม หรือทำเป็น Plugin ได้ ซึ่งมีความเป็นโมดูล่าสามารถลงผ่าน npm หรือ Marketplace ได้

[เตรียมตัว]
- ติดตั้ง Node 16 LTS, VS Code, Postman
- รู้และเข้าใจ REST API และ JWT Token มาบ้าง(เล็กน้อย) แนะนำให้ดูวีดีโอก่อนหน้าใน Playlist นี้

[คำสั่งที่ใช้]
npx create-strapi-app@latest my-project --quickstart
npm run develop
yarn develop --watch-admin

[คำถามท้ายวีดีโอ]
จาก Logo ในหน้าปกรู้จัก CMS ตัวไหนกันบ้าง ตัวไหนเป็น headless อย่างเดียว ตัวไหนเลือกได้
Migration มีประโยชน์อะไร

[เนื้อหา]
06:34 Content Type-Builder สร้าง Collection/Single Type
16:07 Catagory , Review กับการตั้งความสัมพันธ์กับ Product
20:03 Role: Authenticate และ Public
22:10 สร้างเนื้อหา
30:39 API GET , fields, populate, sort, filter
37:16 POST(Create) สร้างรีวิวด้วยยูสเซอร์ Public
41:27 DELETE รีวิว
42:22 Authentication
46:05 DELETE use Token
47:50 : Single Type: Contact
49:23 ส่งท้าย

[API]
http://localhost:1337/api/contact
http://localhost:1337/api/products
http://localhost:1337/api/products/1
http://localhost:1337/api/products?fields=name&populate=images,model
http://localhost:1337/api/categories?fields=name&populate=products

[เพิ่มเติม]
ในวีดีโอแสดงการ register แต่ไม่ได้ login ในระบบ ให้ดู ให้ใช้ method POST ไปที่
http://localhost:1337/api/auth/local/
แล้ว body มีข้อมูลประมาณนี้ครับ
{
"identifier":"[email protected]",
"password":"password"
}

เอกสาร API เป็นอันหนึ่งที่น่าจะต้องทำด้วย
https://docs.strapi.io/developer-docs/latest/plugins/documentation.html

ผมเคยคิดว่าจะทำวีดีโอ Orchard Core แบบ Headless CMS แต่พอเจอ Strapi มันเข้าใจง่ายดี ผมอ่านเอกสารและดูวีดีโอสอน พอทำได้ก็มาทำวีดีโอนี้เลย ผิดพลาดจุดไหนแนะนำด้วยครับ
ผมดูตามวีดีโอนี้เลยครับ
https://youtu.be/vcopLqUq594