การ Query ข้อมูลจาก Firebase ภาค #1

สวัสดีครับ วันนี้ผมจะมาสอนการ Query ข้อมูลจาก firebase อาจจะยากสักนิดนึงนะครับ แต่ไม่ยากเกินไป เดี่ยวผมจะพาทำจากง่ายไปยากครับ ตามผมมาเลย

ผมมี tables items อยู่และมีรายการ 3 record ตามภาพเลยครับ เอาง่ายๆก่อนเลยครับ ดึงข้อมูลทั้งหมดออกมา
SQL Command
1. SELECT * FROM items
คราวนี้มาดู firebase query กันครับใช้งานยังไง ง่ายมากอันนี้

import { AngularFiredatabase, FirebaseListObservable } from ‘angularfire2/database’; ใช้ในการดึข้อมูลออกมาจาก firebase

สร้างตัวแปร items: FirebaseListObservable<any[]>; แล้วประเภทข้อมูลเป็น FirebaseListObservable ของ firebase

ใน constructor ประกาศตัวแปร db: AngularFireDatabase
และในบรรทัดที่ 19 ตามเป็นการกำหนดค่าให้กับตัวแปร items ซึ่งจะมีดึงข้อมูลของตารางที่เราระบุลงไปมาใส่ในตัวแปร items ถ้าจะถามว่า คำสั่ง SQL หายไปไหน ไม่หายครับ แต่ไม่มีเพราะ firebase เป็น NoSQL 555555…… ต่อไปก็นำมาวนลูปในหน้า html ได้เลยครับ

จากรูป ผมทำการสร้างตารางขึ้นมาแล้ว วนลูปข้อมูลจากตัวแปร items ด้วยคำสั่ง
*ngFor=”let item of items | async”
ตัวแปร item คือ ค่าของ record แต่ละแถวที่ดึงได้ ซึ่งรับค่ามาจากตัวแปร items อีกที
ตัวแปร items คือค่าที่ได้จาก component ที่มีการเก็บข้อมูลจาก firebase
คำสั่ง | async เป็นการบอกว่าข้อมูลที่ดึงมา ต้องมีการ asynchronous กันตลอด ถ้าหากข้อมูลใน firebase มีการเปลี่ยนแปลง ข้อมูลในตรงนี้ก็มีการเปลี่ยนแปลงด้วยครับ ทำให้ได้ข้อมูลที่เป็นปัจจุบันที่สุด หรือที่เรียกว่า real time นั่นแหละครับ

พอรันดุก็จะได้ข้อมูลตามที่ firebase มีแล้วครับ ดึงข้อมูลบรรทัดเดียวจบเลย ถ้าใช้ SQL ต้องเขียนอีกหลายบรรทัดครับ เห็นไหม ไม่ยากอย่างที่คิด แล้วเจอกันในบทต่อไปนะครับ เอาแบบค่อยเป็นค่อยไป เดี่ยวบางคนตามไม่ทัน

Show your support

Clapping shows how much you appreciated Sutin Injitt’s story.