Zoznam úloh v reálnom čase pomocou služby Google Firebase: 12 krokov

2025 Autor: John Day | [email protected]. Naposledy zmenené: 2025-01-23 15:06

Hej vy tam!

Všetci používame zoznamy úloh na dennej báze, či už online alebo offline. Offline zoznamy sú náchylné na stratu a virtuálne zoznamy môžu byť nesprávne umiestnené, omylom vymazané alebo dokonca zabudnuté. Preto sme sa rozhodli vytvoriť jeden z nich v službe Google Firebase, databáze v reálnom čase. Prečo? Pretože:

1. Je to v pohode

2. Je reálny čas, takže zmeny sa vykonávajú okamžite.

3. Jednoduché použitie a centralizácia; všetky údaje sú v cloude a sú prístupné z akejkoľvek platformy.

4. Nádherné API, ktoré veľmi podporuje.

5. Aktualizácie sa dajú ľahko vykonať.

V tomto projekte sa zameriame na manuálne pridávanie údajov do platformy Firebase!

Krok 1: Začnite s Google Firebase

Navštívte webovú stránku Google Firebase, kliknite na tlačidlo „Prihlásiť sa“v ľavom hornom rohu a prihláste sa pomocou svojho účtu Google.

Po prihlásení kliknite na položku „Prejsť do konzoly“, aby ste získali prístup k konzole databázy Firebase. Nebojte sa, nejde o nič pokročilé.

Krok 2: Vytvorenie „projektu“

Na novej obrazovke vytvorte nový projekt kliknutím na obrovskú ikonu Plus (Pridať projekt). Každý projekt môže mať iba jednu databázu, takže ak chcete viac databáz v reálnom čase, budete musieť tento projekt opakovať viackrát.

Teraz zadajte názov projektu a zvoľte krajinu použitia. Začnite pracovať kliknutím na Vytvoriť projekt!

Krok 3: Vitajte v konzole Firebase

Po načítaní kliknite na pokračovať. Tým sa dostanete na novú obrazovku.

Vitajte vo svojej konzole Google Firebase!

Krok 4: Vytvorenie databázy

V ponuke vľavo kliknite na položku „Databáza“. Tým sa dostanete na novú obrazovku, kde si môžete vybrať medzi Cloud Firestore alebo Realtime Database. Na tento projekt použijeme databázu Realtime. Kliknite na Začíname!

Krok 5: Definovanie bezpečnostných pravidiel pre vašu Firebase

Firebase ponúka výkonné funkcie autentifikácie, takže do vašej databázy nie je žiadny neoprávnený prístup. Aby to však bolo jednoduché, budeme používať „verejnú“databázu, ktorú môže upraviť ktokoľvek, kto má prístup k „povereniam“vašej databázy. Viac o povereniach neskôr.

Vyberte pre tento projekt „testovací režim“a kliknite na položku Povoliť.

Krok 6: Vitajte na svojej platforme Firebase

Takto by mohla vyzerať vaša obrazovka. Okrem názvu projektu.

Krok 7: Vytvorenie prvého zoznamu úloh

Vytvoríme zoznamy úloh, nazývané „vedrá“. Každý segment je vnorený zoznam údajov. Aj keď si môžete slobodne vybrať akékoľvek formy hniezdenia, ktoré by ste chceli, pre tento projekt bude každé vedro predstavovať úlohu.

Ak chcete pridať prvé vedro, kliknite na ikonu „+“pred nulou, ako je znázornené na obrázku.

Krok 8: Názov zoznamu úloh

Zobrazia sa 2 atribúty. Meno a hodnota.

Značka „Name“sa používa na označenie názvu vašej úlohy. Napríklad by ste chceli vytvoriť zoznam inštrukcií, ktoré chcete vidieť neskôr. Meno teda používame ako pokyny, pretože, prečo nie.

Polia sú krátke, takže viditeľnosť dlhších názvov môže byť problémom. Uistite sa však, že meno je presne to, čo ste zadali.

Aj keď by sme pre značku Value mohli vložiť akúkoľvek hodnotu, chceli by sme namiesto toho pridať zoznam položiek pod nadpis. Aby sme vytvorili toto hniezdo, klikneme na ikonu „Plus“pred značkou Value.

Krok 9: Pridanie podrobností do zoznamu

Môžete vidieť ďalšiu „úroveň“zoznamu.

Teraz priradíme atribút s názvom „Kedy“na označenie dňa, kedy to chcete urobiť. Do menovky zadajte „When“a do značky Value napríklad „Sunday“.

Teraz by ste chceli pridať typy inštrukcií, ktoré by ste chceli vidieť. Zoskupíme ich pod názvom „Čo“.

Krok 10: Pridanie čiastkových úloh do zoznamu

Kliknite na ikonu plus pred názvom „Vedro“alebo „Úloha“alebo „Zoznam“. Do nového poľa zadajte do názvu „Čo“a kliknutím na ikonu plus vytvorte zoznam pod týmto nadpisom. Kliknite na ikonu plus pred tým, čo chcete pridať ďalšie pole.

Môžete vidieť, že sa objavila ďalšia úroveň. Zadajte svoje úlohy do značky „Name“a popis do značky „Value“. Nebojte sa tu experimentovať s ďalším hniezdením.

Dokončite to kliknutím na tlačidlo Pridať. Alebo kliknite na položku Zrušiť v prípade, že vás niečo zaujíma o pridaní údajov.

Krok 11: Tada

Zoznam uvidíte svietiť nazeleno a potom sa napevno zhmotní ako údaje, ktoré ste nastavili. Všimnete si, že Firebase automaticky triedi 'Názvy' zoznamov a pod zoznamov podľa abecedy.

Ak sa vám úloha zdá neúplná, kliknite na ňu a posuňte sa doprava, aby ste ju videli úplne.

Krok 12: Dokončite pridávanie svojich úloh

Opakujte to, aby ste si vytvorili zoznam!

Rýchla rekapitulácia:

Nové segmenty vložením do zoznamu úplne vľavo s názvom projektu project-ish.

Nové atribúty vložením do úlohy.

Nové podzoznamy vkladaním úloh do zoznamu!

Tento zoznam si môžete prezrieť kedykoľvek a kdekoľvek! Je perfektne synchronizovaný. Užite si to!