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

У овом водичу ћете научити како можете да користите Фиребасе аутентификацију у Реацт-у за аутентификацију корисника помоћу е-поште и лозинке. Корисничке податке које прикупљате чуваћете у Фиресторе-у, НоСКЛ бази података у облаку такође из Фиребасе-а.

Имајте на уму да овај водич користи Фиребасе в9 и Реацт Роутер в6.

Направите Фиребасе апликацију

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

Да бисте креирали Фиребасе апликацију, пратите ове кораке.

Да бисте аутентификовали кориснике, потребно је да креирате три функције: пријављивање, пријављивање и одјава.

Функција регистрације прослеђује е-пошту и лозинку у цреатеУсерВитхЕмаилАндПассворд да региструје новог корисника. цреатеУсерВитхЕмаилАндПассворд враћа корисничке податке које ћете користити за креирање новог корисничког записа у бази података.

Имајте на уму да не проверавате да ли је имејл већ у употреби пре регистрације јер Фиребасе то ради уместо вас.

Затим проследите е-пошту и лозинку функцији сигнИнВитхЕмаилАндПассворд да бисте се пријавили као регистровани корисник у функцији за пријаву.

И функције пријаве и одјаве враћају тачно ако су успешне и поруку о грешци ако дође до грешке.

Функција СигнОут је прилично једноставна. Позива функцију сигнОут() из Фиребасе-а.

Креирајте образац за повратне информације

Обрасци за пријаву и регистрацију ће прикупљати е-пошту и лозинку од корисника.

Направите нову компоненту Сигнуп.јс и додајте следеће.

Овде креирате образац за регистрацију и пратите имејл и лозинку користећи стање. Када пошаљете образац, догађај онсубмит покреће функцију хандлеСубмит() која позива функцију сигнуп() из Фиребасе.јс. Ако функција врати грешку, ажурирајте статус грешке и прикажите поруку о грешци.

За образац за пријаву креирајте Сигнин.јс и додајте следеће.

Образац за пријављивање је веома сличан страници за пријаву, осим што пријава позива функцију сигнИн().

На крају, направите страницу профила. Након успешне аутентификације, ово је страница на коју ће апликација преусмерити кориснике.

Креирајте Профиле.јс и додајте следеће.

У овој компоненти имате наслов профила и дугме за одјаву. Онцлицк руковалац на дугмету покреће функцију хандлеЛогоут која одјављује корисника.

До ове тачке, апликација може регистровати корисника, пријавити га и одјавити. Па како знате да ли је корисник пријављен?

У следећем делу овог упутства видећете како можете да користите Реацт Цонтект да бисте пратили статус аутентификације корисника у целој апликацији.

Управљајте аутентификацијом помоћу Реацт Цонтект АПИ-ја

РеацтЦонтект је алатка за управљање стањем која поједностављује дељење података између апликација. Ово је боља алтернатива бушењу подупирача, где се подаци преносе низ стабло од родитеља до детета док не стигну до компоненте којој су потребни.

Овде добијате корисничку вредност од Фиребасе-а помоћу методе онАутхСтатеЦхангед(). Овај метод враћа Усер објекат ако потврђује аутентичност корисника и нулл ако не може. Користећи усеЕффецт() куку, корисничка вредност се ажурира сваки пут када се промени стање аутентификације.

Апликација условно приказује страницу профила тако што преусмерава корисника на страницу за пријаву ако није аутентификован.

наставља са Фиребасе аутентификацијом

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

Leave a Reply

Your email address will not be published. Required fields are marked *