Списък със задачи в реално време с помощта на Google Firebase: 12 стъпки

2024 Автор: John Day | [email protected]. Последно модифициран: 2024-01-30 07:53

Здравей!

Всички ние използваме ежедневни списъци със задачи, било то онлайн или офлайн. Докато офлайн списъците са склонни да се загубят, а виртуалните списъци могат да бъдат неправилно поставени, случайно изтрити или дори забравени. Затова решихме да направим такъв в Google Firebase, база данни в реално време. Защо? Защото:

1. Готино е

2. Това е в реално време, така че промените се извършват незабавно.

3. Лесен за използване и централизиран; всички данни са в облака и са достъпни чрез всяка платформа.

4. Прекрасен API, който е много подкрепящ.

5. Актуализациите са лесни за извършване.

В този проект ще се съсредоточим върху ръчното добавяне на данни към Firebase!

Стъпка 1: Започнете с Google Firebase

Посетете уебсайта на Google Firebase и кликнете върху бутона „Вход“в горния ляв ъгъл и влезте през профила си в Google.

След като влезете, щракнете върху „Към конзолата“, за да получите достъп до вашата конзола на базата данни на firebase. Не се притеснявайте, това не е нещо напреднало.

Стъпка 2: Създаване на „проект“

На новия си екран щракнете върху огромната икона Plus (Добавяне на проект), за да създадете нов проект. Всеки проект може да има само една база данни, така че ще трябва да повторите този проект няколко пъти в случай, че искате няколко бази данни в реално време.

Сега въведете името на вашия проект и изберете страната на използване. Кликнете върху Създаване на проект, за да започнете работа!

Стъпка 3: Добре дошли във Firebase Console

След зареждането кликнете върху продължи. Това ще ви отведе до нов екран.

Добре дошли във вашата конзола на Google Firebase!

Стъпка 4: Създаване на база данни

В лявото меню кликнете върху „База данни“. Това ви отвежда до нов екран, където можете да избирате между Cloud Firestore или база данни в реално време. За този проект ще използваме база данни в реално време. Кликнете върху Започнете!

Стъпка 5: Определяне на правила за сигурност за вашата Firebase

Firebase предлага мощни функции за удостоверяване, така че да няма неоторизиран достъп до вашата база данни. За да бъде просто, ние ще използваме „публична“база данни, която може да бъде променена от всеки, който има достъп до „идентификационните данни“на вашата база данни. Повече за идентификационните данни по -късно.

Изберете „Тестов режим“за този проект и щракнете върху Активиране.

Стъпка 6: Добре дошли във вашата Firebase

Ето как би изглеждал екранът ви. Освен името на проекта.

Стъпка 7: Създаване на вашия първи списък със задачи

Ще създаваме списъци със задачи, наречени „кофи“. Всяка кофа е вложен списък с данни. Въпреки че сте свободни да избирате каквито и да е форми на гнездене, които искате, за този проект всяка кофа ще представлява задача.

За да добавите първата кофа, кликнете върху иконата „+“пред null, както е показано.

Стъпка 8: Име на списъка със задачи

2 Показват се атрибути. Име и стойност.

Етикетът „Име“се използва за препращане към името на вашата задача. Например, бихте искали да създадете списък с инструкции, които искате да видите по -късно. Затова използваме Името като инструкции, защото, защо не.

Обърнете внимание, че полетата са с къса дължина, така че видимостта на по -дълги имена може да бъде проблем. Уверете се обаче, че името е точно това, което сте въвели.

Въпреки че можем да въведем каквато и да е стойност за маркера Value, вместо това бихме искали да добавим списък с елементи под заглавието. Така че, за да създадем това гнездо, кликваме върху иконата „Плюс“пред етикета на стойност.

Стъпка 9: Добавяне на подробности към списъка

Можете да видите, че се е появило друго „ниво“в списъка.

Сега ще присвоим атрибут, наречен „Кога“, за да обозначим деня, в който искате да направите това. Въведете „When“в маркера с име и „Sunday“например в маркера Value.

Сега бихте искали да добавите типовете инструкции, които бихте искали да видите. Ще ги групираме под името „Какво“.

Стъпка 10: Добавяне на подзадачи към списъка

Щракнете върху иконата плюс пред името „Кофа“или „Задача“или „Списък“. Към новото поле въведете „Какво“в името и кликнете върху иконата плюс, за да направите списък под това заглавие. Щракнете върху иконата плюс пред какво да добавите друго поле.

Можете да видите, че се е появило друго ниво. Въведете задачите си в маркера „Име“и описание в маркера „Стойност“. Чувствайте се свободни да експериментирате тук с повече гнездене.

Щракнете върху добавяне, за да финализирате това. Или щракнете върху Отказ, в случай че имате други мисли относно добавянето на данните.

Стъпка 11: Тада

Ще видите, че списъкът свети в зелено и след това се материализира здраво като зададените от вас данни. Ще забележите, че Firebase автоматично сортира „имената“на списъците и подсписъците по азбучен ред.

Ако дадена задача изглежда непълна, щракнете върху нея и превъртете надясно, за да я видите напълно.

Стъпка 12: Пълно добавяне на вашите задачи

Повторете това, за да направите своя списък!

Кратко резюме:

Нови кофи чрез вмъкване в най-левия списък с име на проекта.

Нови атрибути чрез вмъкване на задача.

Нови подсписки чрез вмъкване на задачи в списък!

Можете да видите този списък по всяко време и навсякъде! Той е перфектно синхронизиран. Наслади се!