รายการสิ่งที่ต้องทำแบบเรียลไทม์โดยใช้ Google Firebase: 12 ขั้นตอน
รายการสิ่งที่ต้องทำแบบเรียลไทม์โดยใช้ Google Firebase: 12 ขั้นตอน
Anonim
รายการสิ่งที่ต้องทำแบบเรียลไทม์โดยใช้ Google Firebase
รายการสิ่งที่ต้องทำแบบเรียลไทม์โดยใช้ Google Firebase

สวัสดี!

เราทุกคนใช้รายการสิ่งที่ต้องทำในแต่ละวัน ไม่ว่าจะเป็นออนไลน์หรือออฟไลน์ แม้ว่ารายการออฟไลน์มักจะสูญหาย และรายการเสมือนอาจถูกวางผิดที่ ลบโดยไม่ตั้งใจ หรือแม้แต่ลืม ดังนั้นเราจึงตัดสินใจสร้างฐานข้อมูลบน Google Firebase ซึ่งเป็นฐานข้อมูลแบบเรียลไทม์ ทำไม? เพราะ:

1. มันเจ๋ง

2. เป็นแบบเรียลไทม์ ดังนั้นการเปลี่ยนแปลงจะเกิดขึ้นทันที

3. ใช้งานง่ายและรวมศูนย์ ข้อมูลทั้งหมดอยู่บนคลาวด์และสามารถเข้าถึงได้ผ่านทุกแพลตฟอร์ม

4. API ที่ยอดเยี่ยมที่สนับสนุนอย่างมาก

5. การอัปเดตทำได้ง่าย

เราจะมุ่งเน้นไปที่การเพิ่มข้อมูลด้วยตนเองไปยัง Firebase ในโปรเจ็กต์นี้!

ขั้นตอนที่ 1: เริ่มต้นด้วย Google Firebase

เยี่ยมชมเว็บไซต์ Google Firebase และคลิกปุ่ม 'ลงชื่อเข้าใช้' ที่มุมบนซ้ายและเข้าสู่ระบบผ่านบัญชี Google ของคุณ

หลังจากเข้าสู่ระบบ ให้คลิกที่ 'ไปที่คอนโซล' เพื่อเข้าถึงคอนโซลฐานข้อมูล firebase ของคุณ ไม่ต้องกังวล มันไม่ได้มีอะไรขั้นสูง

ขั้นตอนที่ 2: การสร้าง 'โครงการ'

ทำ 'โครงการ'
ทำ 'โครงการ'

บนหน้าจอใหม่ของคุณ ให้คลิกไอคอนเครื่องหมายบวกขนาดใหญ่ (เพิ่มโครงการ) เพื่อสร้างโครงการใหม่ แต่ละโปรเจ็กต์สามารถมีฐานข้อมูลได้เพียงฐานข้อมูลเดียว ดังนั้น คุณจะต้องทำโปรเจ็กต์นี้ซ้ำหลายๆ ครั้ง ในกรณีที่คุณต้องการฐานข้อมูลเรียลไทม์หลายฐานข้อมูล

ตอนนี้ พิมพ์ชื่อโครงการของคุณ และเลือกประเทศที่ใช้งาน คลิกที่สร้างโครงการเพื่อเริ่มทำงาน!

ขั้นตอนที่ 3: ยินดีต้อนรับสู่คอนโซล Firebase

ยินดีต้อนรับสู่คอนโซล Firebase!
ยินดีต้อนรับสู่คอนโซล Firebase!

โหลดเสร็จแล้วกดดำเนินการต่อ นี่จะนำคุณไปยังหน้าจอใหม่

ยินดีต้อนรับสู่คอนโซล Google Firebase ของคุณ!

ขั้นตอนที่ 4: การสร้างฐานข้อมูล

การสร้างฐานข้อมูล
การสร้างฐานข้อมูล

ที่เมนูด้านซ้ายมือ ให้คลิกที่ 'ฐานข้อมูล' ซึ่งจะนำคุณไปสู่หน้าจอใหม่ที่คุณสามารถเลือกได้ระหว่าง Cloud Firestore หรือฐานข้อมูลเรียลไทม์ เราจะใช้ฐานข้อมูลเรียลไทม์สำหรับโครงการนี้ คลิกที่เริ่มต้น!

ขั้นตอนที่ 5: การกำหนดกฎความปลอดภัยสำหรับ Firebase ของคุณ

การกำหนดกฎความปลอดภัยสำหรับ Firebase ของคุณ
การกำหนดกฎความปลอดภัยสำหรับ Firebase ของคุณ

Firebase นำเสนอคุณลักษณะการตรวจสอบสิทธิ์ที่มีประสิทธิภาพเพื่อไม่ให้มีการเข้าถึงฐานข้อมูลของคุณโดยไม่ได้รับอนุญาต อย่างไรก็ตาม เพื่อให้ง่าย เราจะใช้ฐานข้อมูล 'สาธารณะ' ซึ่งใครก็ตามที่สามารถเข้าถึง 'ข้อมูลรับรอง' ฐานข้อมูลของคุณสามารถแก้ไขได้ เพิ่มเติมเกี่ยวกับข้อมูลประจำตัวในภายหลัง

เลือก 'โหมดทดสอบ' สำหรับโครงการนี้และคลิกเปิดใช้งาน

ขั้นตอนที่ 6: ยินดีต้อนรับสู่ Firebase ของคุณ

ยินดีต้อนรับสู่ Firebase ของคุณ!
ยินดีต้อนรับสู่ Firebase ของคุณ!

หน้าจอของคุณจะมีลักษณะเช่นนี้ ยกเว้นชื่อโครงการ

ขั้นตอนที่ 7: การสร้างรายการงานแรกของคุณ

เราจะสร้างรายการงานที่เรียกว่า 'ที่เก็บข้อมูล' ที่เก็บข้อมูลแต่ละอันเป็นรายการข้อมูลที่ซ้อนกัน แม้ว่าคุณจะมีอิสระในการเลือกรูปแบบการซ้อนที่ต้องการ แต่สำหรับโปรเจ็กต์นี้ บัคเก็ตแต่ละอันจะเป็นตัวแทนของงาน

หากต้องการเพิ่มที่เก็บข้อมูลแรก ให้คลิกที่ไอคอน '+' หน้า null ดังที่แสดง

ขั้นตอนที่ 8: ชื่อของรายการงาน

ชื่อของรายการงาน
ชื่อของรายการงาน

2 คุณสมบัติปรากฏขึ้น ชื่อและค่า

แท็ก 'ชื่อ' ใช้เพื่ออ้างถึงชื่องานของคุณ ตัวอย่างเช่น คุณต้องการสร้างรายการของผู้สอนที่คุณต้องการดูในภายหลัง ดังนั้นเราจึงใช้ชื่อเป็นคำสั่งสอนเพราะเหตุใด

โปรดทราบว่าฟิลด์มีความยาวสั้น ดังนั้นการมองเห็นชื่อที่ยาวขึ้นอาจเป็นปัญหาได้ อย่างไรก็ตาม โปรดมั่นใจได้ว่าชื่อนั้นตรงกับที่คุณพิมพ์

แม้ว่าเราจะใส่ค่าใดๆ สำหรับแท็ก Value ได้ แต่เราต้องการเพิ่มรายการของรายการด้านล่างส่วนหัวแทน เพื่อสร้างรังนี้ เราคลิกที่ไอคอน 'บวก' หน้าแท็กค่า

ขั้นตอนที่ 9: การเพิ่มรายละเอียดลงในรายการ

การเพิ่มรายละเอียดลงในรายการ
การเพิ่มรายละเอียดลงในรายการ

คุณสามารถดู 'ระดับ' อื่นของรายการได้ปรากฏขึ้น

ตอนนี้เราจะกำหนดแอตทริบิวต์ที่เรียกว่า 'เมื่อใด' เพื่อระบุวันที่คุณต้องการทำเช่นนี้ พิมพ์ 'When' ในแท็กชื่อ และ 'Sunday' เช่น ในแท็ก Value

ตอนนี้คุณต้องการเพิ่มประเภทของคำสั่งที่คุณต้องการดู เราจะจัดกลุ่มเหล่านี้ภายใต้ชื่อ 'อะไร'

ขั้นตอนที่ 10: การเพิ่มงานย่อยลงในรายการ

การเพิ่มงานย่อยในรายการ
การเพิ่มงานย่อยในรายการ

คลิกไอคอนเครื่องหมายบวกหน้าชื่อ 'Bucket' หรือ 'Task' หรือ 'List' ในฟิลด์ใหม่ ให้พิมพ์ 'What' ในชื่อและคลิกที่ไอคอนเครื่องหมายบวกเพื่อสร้างรายการภายใต้หัวข้อนี้ คลิกไอคอนเครื่องหมายบวกด้านหน้าช่องที่จะเพิ่มฟิลด์อื่น

คุณสามารถเห็นระดับอื่นได้ปรากฏขึ้น พิมพ์งานของคุณในแท็ก 'ชื่อ' และคำอธิบายในแท็ก 'ค่า' ทดลองทำรังเพิ่มเติมได้ที่นี่

คลิกเพิ่มเพื่อสิ้นสุดสิ่งนี้ หรือคลิกยกเลิกในกรณีที่คุณมีความคิดที่สองเกี่ยวกับการเพิ่มข้อมูล

ขั้นตอนที่ 11: ทาดา

ธาดา!
ธาดา!

คุณจะเห็นรายการเรืองแสงเป็นสีเขียว จากนั้นจะปรากฏเป็นข้อมูลที่คุณตั้งค่าไว้อย่างแน่นหนา คุณจะสังเกตเห็นว่า Firebase จะจัดเรียง 'ชื่อ' ของรายการและรายการย่อยตามลำดับตัวอักษรโดยอัตโนมัติ

หากงานดูไม่สมบูรณ์ ให้คลิกที่งานนั้นแล้วเลื่อนไปทางขวาเพื่อดูงานทั้งหมด

ขั้นตอนที่ 12: เสร็จสิ้นการเพิ่มงานของคุณ

เสร็จสิ้นการเพิ่มงานของคุณ
เสร็จสิ้นการเพิ่มงานของคุณ

ทำซ้ำเพื่อสร้างรายการของคุณ!

สรุปอย่างรวดเร็ว:

บัคเก็ตใหม่โดยการแทรกในรายการด้านซ้ายสุดที่มีชื่อโปรเจ็กต์-ish

คุณลักษณะใหม่โดยการแทรกในงาน

รายการย่อยใหม่โดยการแทรกงานในรายการ!

คุณสามารถดูรายการนี้ได้ทุกที่ทุกเวลา! มีการซิงโครไนซ์อย่างสมบูรณ์แบบ สนุก!

แนะนำ: