วันเสาร์ที่ 21 กรกฎาคม พ.ศ. 2561

ทดลองใช้ flamelink เพื่อทำ cms บน firebase hosting

สวัสดีทุกคนนนนนนนน เรามีเป้าหมายในปีนี้ว่าจะทำ cms แล้วย้ายเจ้าบล็อกนี้ไปอยู่ใน firebase ซะ แต่เราไม่ใช่ web developer เนอะ แต่วันนี้เราจะมานำเสนอตัวช่วย ชื่อว่า flamelink เป็น cms ที่ทำบน firebase hosting นั่นเองงงง เอาเถอะ มาเริ่มกันเลยดีกว่า

ปล. อาจจะมีความไม่ต่อเนื่องกันบ้าง เนื่องจากบล็อกไป มีงานอื่นไป ต้องว่างก่อนถึงจะมาทำต่อ...


ก่อนอื่น ใครยังไม่มี เอ้ยยย ยังไม่มีโปรเจกใน Firebase ก็สร้างก่อนเลยจ้า
ในที่นี้เรามาลองทำบล็อกรีวิวหนังสือที่เราซื้อแล้วอ่านเองเนอะ จริงๆกลัวมันไปทับ web port อ่ะ เลยลองกับอันเปล่าๆก่อน แล้วจะย้ายค่อยว่ากันอีกที


จากนั้นไปที่ https://flamelink.io/ และจัดการ sign-up log-in ให้เรียบร้อย ตอนนี้นางเป็น beta อยู่นะ

เข้ามานางบังคับให้สร้างเลยจ้าาาาาา เป็น UX ที่เขาคิดมาแล้วแน่ๆเลยยยย


Application Code ก็เอามาจาก Firebase Project ของเรา เขามีสอนด้วยน๊าาาา
ไปที่หน้าโปรเจก กดที่ Add Firebase to your web app แล้วก็อปโค้ดมาแปะในนี้เจ้าาา


เลื่อนลงมา เราน่าจะใช้เจ้า database และ storage แน่ๆ ในการเก็บ data blog ของเรา ถ้าเราทำ log-in เข้าเว็บเราก็น่าจะใช้เจ้า authentication ด้วยเนอะ 

สรุป พวก database กับ storage copy rule ไปแปะอันนั้นนะ ส่วน authentication นั้น enable เจ้า email ซะ ชัดแล้วไม่พูดซํ้า


สุดท้าย กรอกชื่อสกุล อีเมลล์ รหัสผ่าน เป็นอันจบ เราจะได้โปรเจกมาแล้ว วิ๊งงงๆๆๆ


เข้ามาข้างในก็เป็นแบบนี้แหละออเจ้า


ปล. วิธีสร้างโปรเจก developer เขาแนะนำบล็อกนี้มานะ เผื่อใครสนใจอ่านเป็นภาคภาษาอังกฤษ


ค่อยๆเริ่มมาเล่นทีละ tab แล้วกันเนอะ

Content อ้าวกดแล้วไม่ได้พาไปเขียนบล็อกหรอ งงเลย อ่ะสร้าง SCHEMA ก่อนก็ได้จ้า


ใส่รายละเอียดไป อ่ะลองคลิกไปอีกแท็ปนึง


อะไรเนี่ย อ้าวลากวางได้ด้วยอ่ะ


อ่อออออออ มันคือหน้าตาหน้าเขียนบล็อกเรานี่เอง เออจริงๆเราก็ยัง งงงงงงงงงง อยู่นะ คือ stun ไปเลย ทำอะไรต่อดี



ในส่วนของ Media นั้น เป็นตัวอัพไฟล์รูป......... ทำไมอัพแยกอ่ะ งงอีกแล้วววว


Navigation เป็นการสร้าง Menu ตรงตัวเลยแหะ


ลองเขียนสักบล็อกนึงสิ กดไปที่ SCHEMA ที่สร้าง


แล้วกด new entry


แล้วก็กดงงต่อ..... เขียนสิเห้ย งงอะไรอยู่

สุดท้ายตบตีเสร็จ แต่ละอย่างมันทำอะไรได้บ้างอ่ะ
ก็คือเขียนบทความได้บ้าง แต่อัพรูปจากหน้านี้ไม่ได้อ่ะ แล้วก็ใส่ SEO แล้วก็ status บนความว่า draft หรือ public



แล้วเราจะเห็นได้ยังไงหล่ะว่าที่เขียนอยู่ที่ไหน

กดไปอ่านที่นี่ https://flamelink-docs.firebaseapp.com/user-guide/quick-start

และพบว่าโยนไปที่นี่จ้า https://flamelink.github.io/flamelink/#/getting-started

สำหรับเราคิดว่ายังไม่ค่อย work เท่าไหร่อ่ะ เจ้าหน้า schema ไปไม่เป็นเลย อะฮืออออ คงไม่เหมาะกับเราจริงๆอ่าาา 

แต่จริงๆเขาก็มี slack support นะแล้วก็ update version ใหม่ๆด้วยแหละ https://flamelink.io/slack

ดูเป็นบล็อกที่จบไม่ค่อยสวยเท่าไหร่อ่ะ เอาจริงๆตอนที่เริ่มศึกษาเจ้านี่ก็ไม่ค่อยเห็นใครเขียนถึงมันแบบครบลูปเท่าไหร่นะ


ป้ายกำกับ: ,