Како да складиштите, ажурирате, избришете и преузмете податке из Фиребасе базе података користећи Ангулар

Фиребасе је платформа која вам пружа мноштво услуга за помоћ у изградњи и скалирању апликације. Неке од ових функција укључују услуге хостовања, складиштење података и могућност праћења аналитике података.

Овај водич се углавном фокусира на то како да креирате и додате податке у Фиребасе базу података и како да извршите операције креирања, читања, писања и брисања у бази података из локалне Ангулар апликације.

Како креирати и додати податке у Фиребасе базу података

Под претпоставком да већ имате Ангулар апликацију постављену и покренуту локално, она ће морати да буде повезана са Фиребасе базом података да би чувала и приступала подацима. Ако нисте упознати са Ангуларом, можете прочитати више о томе Ангулар концепти, компоненте и укупна структура Ангулар пројекта.

Ако још немате Фиребасе базу података, можете да користите акредитиве Гоогле налога да бисте се пријавили на Фиребасе и пратите упутства. Када је ово подешено, креирајте пројекат:

1. Од Почетна страница Фиребасе-а, изаберите Идите на Конзолу у горњем десном углу сајта.
instagram viewer
2. У одељку „Ваши Фиребасе пројекти“ изаберите Додај пројекат.
3. Пратите упутства да бисте креирали нови пројекат.
4. Када буде завршен, пројекат ће се отворити. На левој страни екрана налази се панел који наводи карактеристике које Фиребасе пружа. Пређите курсором преко икона док не видите Фиресторе Датабасе, и изаберите га.
5. Изаберите Креирајте базу података, и пратите упутства за креирање базе података.
6. Када бирате безбедносна правила, изаберите Покрените у тест режиму. Ово се касније може променити како би подаци били сигурнији. Можете прочитати више о Фиресторе сигурносним правилима пратећи Фиребасе документација.
7. Када се заврши, отвара се база података. Структура базе података користи збирке, што је у суштини исти концепт као и табеле базе података. На пример, ако су вам потребне две табеле, једна за чување информација о налогу, а једна за чување информација о кориснику, креирали бисте две колекције под називом Аццоунт и Усер.
8. Изаберите Започните прикупљање и додајте ИД колекције под називом „Корисник“.
9. Додајте први запис, са информацијама о једном кориснику. Кликните на Додај поље да додате три нова поља: фирстНаме (стринг), презиме (стринг) и випМембер (боолеан). ИД документа се може аутоматски генерисати.
10. Кликните сачувати.
11. Да бисте додали још записа у колекцију „Корисник“, кликните на Додај документ (додавање документа је еквивалентно додавању новог записа или корисника). Додајте још четири корисника са иста три поља.

База података је сада подешена са неким тестним подацима.

Како интегрисати Фиребасе у вашу Ангулар апликацију

Да бисте приступили овим подацима у вашој локалној Ангулар апликацији, прво конфигуришите нека подешавања апликације за повезивање са Фиребасе базом података:

1. У Фиребасе-у идите на леву таблу и кликните на Преглед пројекта.
2. Изаберите Веб дугме (означено угаоним заградама).
3. Региструјте своју локалну апликацију додавањем назива апликације.
4. Инсталирајте Фиребасе у вашу локалну Ангулар апликацију.

   нпм и фиребасе
   

5. Фиребасе ће тада приказати неке детаље о конфигурацији. Сачувајте ове детаље и кликните Наставите до Конзоле.
6. На основу детаља наведених у претходном кораку, копирајте следећи код у енвиронмент.прод.тс и енвиронмент.тс у апликацији Ангулар.

   извоз константног окружења = {
    продукција: истина,
    фиребасеЦонфиг: {
    апиКеи: "ваш-апи-кључ",
    аутхДомаин: "ваш-аутх-домен",
    пројецтИд: "ваш-пројект-ид",
    сторагеБуцкет: "ваш-стораге-буцкеи",
    мессагингСендерИд: "иоур-мессагинг-сендер-ид",
    аппИд: "ваш-апи-ид",
    Ид мерења: "ид вашег мерења"
    }
   };
   

7. АнгуларФиресторе од @ангулар/фире/фиресторе ће се користити за конфигурисање Фиребасе-а у Ангулар-у. Имајте на уму да АнгуларФиресторе није компатибилан са Ангулар верзијом 9 и новијим. У локалној апликацији Ангулар покрените:

   нпм и @ангулар/фире
   

8. Додајте модуле Фиресторе и окружење у одељак за увоз у апп.модуле.тс.

   импорт { АнгуларФиреМодуле } из "@ангулар/фире";
   импорт { АнгуларФирестореМодуле } из "@ангулар/фире/фиресторе";
   импорт { окружење } из "../енвиронментс/енвиронмент";
   

9. Модули Фиресторе такође треба да буду укључени у низ импортова у апп.модуле.тс.

   АнгуларФиреМодуле.инитиализеАпп (енвиронмент.фиребасеЦонфиг),
   АнгуларФирестореМодуле,

Како да преузмете податке из Фиребасе-а помоћу услуге

Обично је добра пракса имати једну или више њих услуге.тс датотеке које користите за посебну интеракцију са базом података. Функције које додате у датотеку услуга могу се затим позвати у другим ТипеСцрипт датотекама, страницама или другим компонентама у апликацији.

1. Направите датотеку под називом сервице.тс у срц/апп/сервицес фолдер.
2. Додајте модул АнгуларФиресторе у одељак за увоз и укључите га у конструктор.

   импорт { Ињецтабле } фром '@ангулар/цоре';
   импорт { АнгуларФиресторе } из '@ангулар/фире/фиресторе';
   @Ињецтабле({
    обезбеђено у: 'роот'
   })
   извоз класе Услуга {
    конструктор (приватни дб: АнгуларФиресторе) { }
   }
   

3. Додајте функцију која враћа обећање које садржи листу свих корисника. "тхис.дб.цоллецтион('Корисник')" се односи на колекцију "Корисник" у бази података.

   гетАллУсерс() {
    врати ново обећање((решити)=> {
    тхис.дб.цоллецтион('Усер').валуеЦхангес({ идФиелд: 'ид' }).субсцрибе (корисници => решавање (корисници));
    })
   }
   

4. Да бисте користили ову функцију у другој ТипеСцрипт датотеци, увезите нову услугу и додајте је у конструктор.

   импорт { Сервице } из 'срц/апп/сервицес/сервице
   конструктор (приватна услуга: услуга) {}
   

5. Добијте листу свих корисника користећи функцију креирану у датотеци услуга.

   асинц гетУсерс() {
    тхис.аллУсерс = чекај тхис.сервице.гетАллУсерс();
    цонсоле.лог (тхис.аллУсерс);
   }
   

Како додати нови запис у Фиребасе базу података

Додајте нови запис за корисника у Фиребасе базу података.

1. У сервицес.тс додајте нову функцију да бисте креирали нови запис. Ова функција преузима ИД новог корисника и све његове детаље. Користи функцију подешавања Фиресторе-а да пошаље те информације Фиребасе-у и креира нови запис.

   аддНевУсер (_невИд: било који, _фНаме: стринг, _лНаме: стринг, _вип: боолеан) {
    тхис.дб.цоллецтион("Корисник").доц (_невИд).сет({фирстНаме: _фНаме, презиме: _лНаме, випМембер: _вип});
   }

2. Позовите функцију аддНевУсер() у другој ТипеСцрипт датотеци. Не заборавите да увезете услугу и укључите је у конструктор, као што је раније приказано. Слободно користите генератор насумичних ИД-ова да креирате нови ИД за корисника.

   тхис.сервице.аддНевУсер("62289836", "Јане", "Дое", истина);
   

Како ажурирати податке у бази података Фиребасе

Фиребасе има много функција које чине га једним од најбољих доступних алата. Да бисте ажурирали одређена поља у одређеном запису, користите функцију ажурирања Фиресторе-а.

1. У датотеци сервице.тс креирајте функцију под називом упдатеУсерФирстНаме(). Ова функција ће ажурирати име изабраног корисничког записа. Функција преузима ИД записа који треба да се ажурира и нову вредност за име корисника.

   упдатеУсерФирстНаме (_ид: било који, _фирстНаме: стринг) {
    тхис.дб.доц(`Корисник/${_ид}`).упдате({фирстНаме: _фирстНаме});
   }

2. Да бисте ажурирали више поља за исти запис, само проширите поља која се уносе унутар функције ажурирања Фиресторе-а. Уместо само име, додајте презиме да бисте и то ажурирали новом вредношћу.

   упдатеУсерФуллНаме (_ид: било који, _фирстНаме: стринг, _ластНаме: стринг) {
    тхис.дб.доц(`Корисник/${_ид}`).упдате({фирстНаме: _фирстНаме, ластНаме: _ластНаме});
   }

3. Било која од горе наведених функција може се користити у другим ТипеСцрипт датотекама.

   тхис.сервице.упдатеУсерФирстНаме("вЛБнСегФл1пД7КСК42ТБв", "Каи");
   тхис.сервице.упдатеУсерФуллНаме("вЛБнСегФл1пД7КСК42ТБв", "Каи", "Јонес");

Како избрисати запис из Фиребасе базе података

Да бисте избрисали запис, користите функцију брисања Фиресторе-а.

1. У датотеци сервице.тс креирајте функцију под називом делетеУсер(). Ова функција преузима ИД записа који треба обрисати.

   делетеУсер (_ид: било који) {
    тхис.дб.доц(`Корисник/${_ид}`).делете();
    }
   

2. Горња функција се затим може користити у другим ТипеСцрипт датотекама.

   тхис.сервице.делетеУсер("вЛБнСегФл1пД7КСК42ТБв");

Преузми Фиребасе податке помоћу упита и филтера

Филтер „где“ може да филтрира резултате који се враћају на основу одређеног услова.

1. У сервицес.тс направите функцију која прима све ВИП кориснике (ово је ако је поље випМембер постављено на труе). Ово је назначено "реф.вхере('випМембер', '==', труе)" дела Фиребасе позива испод.

   гетАллВипМемберс() {
    врати ново обећање((решити)=> {
    тхис.дб.цоллецтион('Корисник', реф => реф.вхере('випМембер', '==', труе)).валуеЦхангес().субсцрибе (корисници => решавање (корисници))
    })
    }

2. Користите ову функцију у другој ТипсеСцрипт датотеци.

   асинц гетАллВипМемберс() {
    тхис.випУсерс = аваит тхис.сервице.гетАллВипМемберс();
    цонсоле.лог (тхис.випУсерс);
    }

3. Упит се може модификовати да би се додале друге операције као што су Ордер Би, Старт ат или Лимит. Измените функцију гетАллВипМемберс() у сервицес.тс да бисте поређали по презимену. Операција Ордер Би може захтевати креирање индекса у Фиребасе-у. Ако је то случај, кликните на везу наведену у поруци о грешци у конзоли.

   гетАллВипМемберс() {
    врати ново обећање((решити)=> {
    тхис.дб.цоллецтион('Корисник', реф => реф.вхере('випМембер', '==', труе).ордерБи('ластНаме')).валуеЦхангес().субсцрибе (корисници => решавање (корисници) )
    })
    }

4. Измените упит тако да врати само прва три записа. За ово се могу користити операције Старт ат и Лимит. Ово је корисно ако треба да примените страницу, а то је када се по страници приказује одређени број записа.

   гетАллВипМемберс() {
    врати ново обећање((решити)=> {
    тхис.дб.цоллецтион('Корисник', реф => реф.вхере('випМембер', '==', труе).ордерБи('ластНаме').стартАт (0).лимит (3)).валуеЦхангес() .субсцрибе (корисници => решити (корисници))
    })
    }

Додајте више података у Фиребасе и више захтева у апликацији Ангулар

Постоји много других комбинација упита које можете истражити када покушавате да преузмете податке из Фиребасе базе података. Надамо се да сада разумете како да подесите једноставну Фиребасе базу података, како да је повежете са локалном Ангулар апликацијом и како да читате и пишете у базу података.

Такође можете сазнати више о другим услугама које Фиребасе пружа. Фиребасе је једна од многих платформи које можете интегрисати са Ангулар-ом, и без обзира да ли сте на почетничком или напредном нивоу, увек постоји још много тога за научити.

Топ 8 Ангулар курсева за почетнике и напредне кориснике

Реад Нект

О аутору