ปัญหาเดิม ปัญหาอย่างนึงของ การทำ PWA คือ เรื่อง Offline เพราะว่า ถ้าต้องการให้ PWA เก็บข้อมูลเพื่อให้ใช้งานได้ทั้ง Online และ Offline ได้ จะวุ่นวายมากๆ เพราะ Flow ที่เราต้องทำคือ ทุกครั้งที่ Save ข้อมูล ลง server เราต้อง save ลง Offline database อย่างเช่น Localstorage หรือ indexDB เอง และเมื่อข้อมูลอัพเดท เราก็ต้องจัดการข้อมูลทั้งสองที่เอง ก่อนหน้านี้ก็มีบางเจ้าที่พยายามทำอะไรแบบนี้ออกมา อย่าง Pouchdb แต่เราก็ยังต้องวุ่นวายลง Server เอง Config เอง แต่ถ้าเราใช้ Cloud Firestore เรื่องทั้งหมดจะจบลง ทำไม Cloud Firestore ถึงใช้งาน offline ได้ คำตอบง่ายๆคือ…
ถ้าใครได้ไปงาน Google I/O viewing party Bangkok ครั้งที่ผ่านมา ก็จะเห็นว่าผมทำ Live feed ขึ้นมาตัวนึงคือ http://live.gdg.in.th ซึ่งวันนี้ก็จะมาเล่าว่าข้างหลังมันทำยังไง ตอนก่อนจะไป Google I/O ที่อเมริกา ผมได้คิดขึ้นมาว่า ปีก่อนๆงาน VIewing party มีปัญหามากๆ เพราะเวลาคนที่ไป Video call กลับมาในงานทีไรเน่าทุกที ผมก็เลยลองถาม Wittaya A ว่า เน็ตมันเป็นยังไงบ้างในงาน คำตอบก็คือ “พอใช้งานทั่วไปได้ live ไม่น่าจะรอด” ผมเลยได้ไอเดียว่าจะทำ เว็บนึงเอาไว้ให้คนที่ไปงาน Live feed กลับมาที่ประเทศไทย โดยมีโจทย์ว่า ต้องไม่กลัวติดปัญหาเรื่อง Internet ใช้ได้หลายคนพร้อมๆกัน เพราะว่าไปกันหลายคน ใช้งานง่ายไม่ต้องติดตั้งอะไรในเครื่อง ระบบต้องดูแลง่ายเพราะว่าถ้าเกิดมีปัญหามาหน้างาน จะแก้อะไรไม่ได้เพราะทุกคนล้วนอยู่ในงาน ทุกคนต้องเห็นซึ่งกันและกันว่า พิมพ์อะไร เพราะไม่งั้น content จะซ้ำกันทันที Support…
พอดีว่าจะทำ Application สำหรับงาน Google I/O Extend Bangkok คราวนี้มันต้องใช้ Firebase กับ Vuejs ก็เลยคิดว่ามันต้องมีสิ component ที่ทำให้ vue ต่อ firebase ได้เนียนๆ ก็เลยไปเจอกับ vuefire ตอนนั้นก็คิดในใจว่ารอดและสบาย แต่พออ่านๆไป รวมถึงนั่งดู Example แล้วก็พึ่งสังเกตุได้ว่า นี่มันเอาไว้ใช้กับ Component เดียวนี่หว่า ไม่ใช่ทั้ง App แล้วมันจะใช้กับ vue-cli ยังไง….. คราวนี้ก็เลยไปไล่ดูเลยครับว่าจะใช้กับทั้ง App ยังไงก็ไปเจอ วิดิโอที่มีคนทำเอาไว้ แต่ปัญหาคือ ทั้ง App เค้าใช้ Firebase อยู่ Component เดียว ทำไมต้องต้องสนใจกับ การใช้ทั้ง App? ใน Example เนี่ย มันมีแค่ Component เดียวที่ใช้…
วันก่อน Firebase เปิดตัว Cloud Functions for Firebase ออกมา ตอนที่เห็นครั้งแรกนี่แหกปากดีใจเลย เพราะทั้งปเราจะเจอคำถามว่า “เนี่ยจะไม่ทำ backend เลยแล้วไปใช้ Firebase ทั้งหมดได้มั้ย” “แล้วพวก logic ต่างๆจะทำยังไง” ซึ่งเอาจริงๆ ตอนนั้นเราก็เหมือนได้ยินมาแว่วๆว่าจะมี feature นี้ออกมาแต่ก็ไม่ชัวร์ก็เลยบอกว่ายังทำไม่ได้ให้วาง Server เองไปก่อน แต่แล้ววันนี้มันก็ออกมาแล้ว!!!!! Cloud Functions for Firebase คือ? เอาจริงๆมันคือ Private Sever ที่เอาไว้รัน Node.js แต่ที่มันต่างออกไปคือ เจ้าตัว Node.js ที่เรารันนั้นจะถูกรันผ่าน Triggers ต่างๆจาก Firebase Service อื่นๆ ซึ่งเมื่อ Node.js run จาก Triggers แล้วเราก็สามารถสั่งให้ service ต่างๆทำงานได้ต่อ ผมว่าอ่านมาตรงนี้คงงง มาดูดีกว่าว่า Triggers…
ถ้าใครเคยทำ Login ทีให้ User login ผ่าน Facebook, Google, Twitter จะรู้ว่ามันมีความวุ่นวายอยู่ในระดับนึงเลย เพราะแต่ ละ SDK ก็ต้องทำโน่นนี่เยอะต่างกัน ยิ่ง Twitter นี่ปวดหัวหนักเลยเพราะเป็น Oauth1.1 คราวนี้ Firebase ก็อยากทำให้ง่านเค้าทำ SDK ที่ทำให้เราทำ Social login ได้ ง่ายมากๆ แถมมี Database จัดการ User ให้ด้วยมาดูกันเลยดีกว่า ว่าทำไง สร้าง Project ใน Firebase ใน https://console.firebase.google.com/ ก่อน 2. คลิก “Add Firebase to your web app” แล้ว copy code ออกมา (code ที่มีหน้าตาแบบนี้)…