สร้างเว็บไซต์ CMS ด้วย Flamelink Connect Firebase ง่าย ๆ เพียงแค่ลากวาง

CMS Flamelink

Akkaradet13
incubate.co.th
2 min readOct 9, 2020

--

อยากทำเว็บไซต์ Content Management System (CMS) แล้วสามารถเชื่อต่อกับ Firebase แบบง่ายๆ มีความรู้เรื่อง Firebase นิดๆหน่อยๆก็สามารถทำเว็บไซต์ที่สมบูรณ์แบบได้แล้ว

มีขั้นตอนดังนี้

  1. เป็นสมาชิกของ Flamelink.io
  2. สร้าง Project
  3. สร้าง Schema
  4. กรอกข้อมูลลงใน Schema ที่สร้าง

เพียง 5 ขั้นตอนเท่านี้ก็เป็นอันเสร็จพิธี ไปลุยกันเลยย

1. เป็นสมาชิกของ Flamelink.io ก่อน

การสมัครเป็นสมาชิกของ Flamelink.io มีขั้นตอนดังนี้

  1. ไปที่เว็บไซต์ https://flamelink.io/ พอไปถึงหน้าเว็บไซต์แล้วกดปุ่ม GET STARTE มุมบนขวาได้เลย
  2. พอเข้ามาได้แล้วจะเจอกับหน้า Login แนะนำให้ Login With Google นะครับ

2. สร้าง Project กันเลย

  1. หลังจาก Login เข้าสู่ระบบเรียบร้อยแล้วก็จะเจอกับหน้า Add Project ทำตาม Vdo ทางด้านขวาไปยาวๆเลยครับ
  2. พอทำตามเสร็จทุกขั้นตอนแล้ว กดปุ่ม Next แล้วจะเข้าสู่หน้าเลือก Plan แนะนำเป็น Plan Flame ไปก่อนนะครับ เลือกเสร็จก็กดปุ่ม Next ไปต่อกันเลย

3. พอถึงหน้าหน้า Confirm แวะอ่านสักนิด ก่อนที่จะกด Confirm รอแปบเดียวก็จะมีข้อความ Ready to Fire Up Your Project กดปุ่ม Finish เป็นอันเสร็จขั้นตอน

3. สร้าง Schema

พอสร้าง Project เสร็จแล้วเรียบร้อย ระบบก็จะเสร้าง Project ให้เรา 1 ตัว

  1. กดปุ่ม LOGIN แล้วก็กรอก Password เพื่อ Login เข้าสู่ Project

2. Login เข้าสู่ Project เรียบร้อยแล้ว ก่อนจะไปทำอย่างอื่นขอแนะนำรายการที่ใช้หลักๆกันก่อน

  • Content จัดการ Content เช่น สร้าวรูปแบบเนื้อหา,สร้างเนื้อหา,แก้ไขเนื้อหา ฯ
  • Media จัดการไฟล์ต่างๆ เช่น อัพโหลดไฟล์รูป ต่างๆนาๆ
  • Navigation จัดการเมนู เช่น สร้างเมนู แก้ไขเมนู ต่างๆนาๆ

3. หลังจากทำความรู้จักกับเมนูต่างๆแล้วก็มากดปุ่ม NEW SCHEMA เล๊ยยยย

4. กรอกรายละเอียดต่างๆให้ครบ ในแท็บ Schema Details แล้วกดปุ่ม ADD FIELDS เลย…. อย่ากดเลยนะเดี๋ยวมันจะไม่โดน 😋😋

5. ถึงขั้นตอนที่ลอยคอ เฮ้ย!!! รอคอย กันแล้ว นั้นก็คือ ลาก….วาง…..ลาก….วาง ลาก Field ต่างๆทางด้านซ้ายมือมาวางในช่องว่างขวามือให้พอจนพอใจ หากต้องการแก้ไขข้อมูล Field ก็กดเลือก Field ที่ต้องการแก้ไขได้เลย แล้วถ้าพอใจแล้วก็กดปุ่ม SAVE มุมบนขวาได้เลย

6. หลังจากสร้าง Schema เสร็จแล้วเรียบร้อยแล้ว มากรอกข้อมูลตาม Form ที่เราสร้างกัน โดยให้กดที่เมนู Content จากนั้นจะเจอกับ Schema ที่เราสร้างไว้ กดเข้าไปใน Schema แล้วกดที่ NEW ENTRY มุมบนขวา แล้วจะเจอกับ Form ที่เราสร้างไว้ โดยสามารถเลือก Status ของเนื้อหานี้ได้ และตอนนี้สามารถกรอกข้อมูลได้แล้ว เมื่อกรอกข้อมูลเสร็จกดปุ่ม Save มุมบนขวาได้เลย

ถ้าหากอยากเพิ่ม Webhook ต้องเปลี่ยน Plan เป็น Firestarter

ทิ้งท้ายนิดหน่อย

Flamelink ใช้ง่าย ตอบโจทย์สำหรับผู้ที่อยากทำ Web Content ครบวงจรแบบ ง่ายๆไม่ยุ่งยาก เหมาะสำหรับคนที่ชอบใช้เงินแก้ปัญหา 👍

--

--