React Native e Firebase: AUTENTICAÇÃO com E-mail e Senha (Sign In, Sign Out e Sign Up)
HTML-код
- Опубликовано: 8 фев 2025
- Nesse vídeo você aprenderá a configurar o Firebase Authentication do zero no seu App feito com React Native CLI. O tutorial contempla desde a criação do projeto no console do Firebase, passando pelas configuração necessárias para Android e IOS, até a utilização da biblioteca de autenticação.
Nesse tutorial usamos 4 função do Firebase Auth:
createUserWithEmailAndPassword para cadastrar o usuário.
signInWithEmailAndPassword para fazer login com e-mail e senha.
onAuthStateChanged para escutar o estado de autenticação do usuário.
signOut para fazer o logout.
Repositório com o código completo: github.com/cof...
Lista de códigos de erros: gist.github.co...
Siga a gente em nossas redes sociais:
Instagram: @coffstack / coffstack
Twitter: @coffstack / coffstack
Blog: blog.coffstack...
Esse vídeo é apresentado por Lucas Garcez, bacharel em Ciência da Computação, engenheiro de software e CEO na Coffstack.
Instagram: @lucasgar6 / lucasgar6
00:00 - Como esse tutorial vai funcionar
02:13 - Criando Projeto no Console do Firebase
03:50 - Configurando Firebase no Android
06:40 - Configurando Firebase no IOS
10:49 - Add Lib de Authentication
11:45 - Sign Up (createUserWithEmailAndPassword)
14:23 - Sign Up (tratamento de erro)
16:40 - Sign In (signInWithEmailAndPassword)
18:11 - Escutando estado de Autenticação (onAuthStateChanged de erro)
22:24 - Sign Out (signOut)
23:31 - Esperando Firebase Iniciar
25:53 - Testando fluxo no Android e IOS
#ReactNative #firebase #authentication #javascript #typescript #cli #tutorial #signIn #signUp
Music from #Uppbeat (free for Creators!):
uppbeat.io/t/m...
License code: JCFTONXX2PTYTENS
![Blox Fruits Dragon Rework Update [Full Stream]](http://i.ytimg.com/vi/EqDAp8udhm0/mqdefault.jpg)
Um dos melhores vídeos que já vi! Parabéns e muito obrigado! Ganhou mais um inscrito. Valeuuu
Valeu Weverton! Que bom que curitu o video e se inscreveu para não perder as novidades, temos vídeos novos toda semana!
Obrigada demais, cara!
Explica de forma clara e objetiva! Parabéns
Me salvou demais aquii \o/
Que bom que conseguiu entender e te ajudo! Obrigado por acompanhar o conteúdo!
Lucas, parabéns pelo conteúdo de qualidade! Se você puder fazer mais vídeos sobre o firebase, a comunidade agradece! 👏
Valeu Douglas, vou trazer mais vídeos sobre Firebase sim! Tem alguma dica do que mais posso abordar com Firebase?
@@Coffstack Um CRUD no firestore seria algo interessante de mostrar.
@@Coffstack Douglas faz crud com firebase,seria show parabens
@@airtongoncalves4038 Top Airton! To planejando um CRUD já com Firebase!
Belo trabalho, que video top! parabéns irmão, tive que dar o like, me inscrever e dar o sininho. não teve jeito!!!
Muito obrigado 🙌
Ajudou demais! Ganhou mais uma inscrita. Obrigada 🙏
Valeu, que bom que te ajudou!
Vídeo rápido e objetivo. Gostei muito e me ajudou bastante. Eu tava com mt dificuldade de configurar o Firebase no React Native sem ser pelo expo (eu tou utilizando o react native cli).
Vc poderia ensinar sobre o Cloud Store? Obrigado.
+ 1 inscrito.
Opa, fala ai Emesso, que bom que o vídeo te ajudou! to planejando mais vídeos sobre Firebase aqui no canal, en breve sai!
Brabo demais mano 👏👏👏👏
Muito obrigado, Marco!
obrigado pelo conteúdo
De nada, obrigada por assistir!
Faz um vídeo sobre social auth
Mais um inscrito! Otimo video! Mas quando eu saio do App, ele me desloga, gostaria de permanecer logado. Alguma dica ? Obrigado !
A própria biblioteca do Firebase salva para você, eu mostro isso no final do vídeo, talvez você tenha esquecido algo.
video muito bom, vc acha q existe chance de um video de testes unitarios com firebase?
Opa Rubens, existe sim, inclusive já está nos planos aqui do canal, Firebase e teste são dois assuntos que levamos muito a sério!
Mas enquanto ainda não sai o do Firebase você pode acompanhar o curso de Testes no React Native que foi lançado aqui no canal, tá completo! Do primeiro teste ao profissional! ruclips.net/p/PLn1L40VzKSVJgia8TV7G_Ly22gbHvTASt
Fala aí cara, eu tinha feito seguindo a doc exatamente como vc fez no tutorial, mas quando eu subo o app para a Playstore não consigo fazer login, mas no emulador/apk funciona de boa, vc sabe como resolver isso? Tô tentando achar resposta na internet mas está brabo rsrs
Não lembro de ter passado por algo parecido, tem que pesquisar mais sobre, Erik.
Vi que no meu projeto eu usei a versão Web para registrar os dados no Android e no iOS. Aí no caso eu fiz errado? O ideal é fazer separado igual que vc fez? Aí eu nem fiz as configurações para cada dispositivo que vc fez... Acho que o jeito que fiz está errado😭
Sei jeito não está errado, a questão é que a versão Web do Firebase tem algumas limitações, vc não consegue usar todos os serviços dele, como o Cloud Message para Push Notification. No caso do Authentication o Web serve, mas eu particularmente prefiro ir direto para a lib nativa.
@@Coffstack Entendi, muito obrigado!
po, pq vc cortou em 6:19? como vou saber o comando q vc usou?
yarn run android
uma pergunta, se caso o usuário digitar um email fictício na criação da conta ele irá conseguir criar a mesma?
Depende o que você considera email fictício. o Firebase faz validação do formato, então se você mandar uma string qualquer, algo como "email@" ele vai retornar um erro. Mas se o usuário mandar um formato válido, algo como "email@gmail.com" o Firebase aceita.
mas os usuário são criando com uma propriedade verified, vc pode mandar um email de verificação e só permitir o login caso o email esteja verificado.Você pode ler mais sobre validação de email no firebase aqui: firebase.blog/posts/2017/02/email-verification-in-firebase-auth
Qual a extensão do google que c usa pra deixar tudo escuro? :')
darkreader.org/
O meu não aparece nada no nome, não tem esse package
Estou com esse mesmo problema!
@@mailsonsanfoneiro4716 mano eu não consegui resolver, mas acho que não é um problema.
Se você for no seu projeto em package.json ou package-lock.json aparece o nome do aplicativo lá. Só que você tem que colocar "com." na frente tipo com.meuaplicativo
@@gustavoferreira5622 Vlw pela ajuda meu nobre.
Boa Pessoal, segui a risca o vídeo porém estou com um problema,
quando coloco o email e senha que cadastrei e clico em entrar aparece o seguinte erro:
You attemped to use a firebase module that´s not installed on your Android
project by calling firebase.app().
Ensure you have:
1)imported the 'io.invertase.firebase.app.ReactNativebaseAppPackage' module in your 'MainApplication.java' file.
2)Added the 'new ReactNativeFirebaseAppPackage()' line inside of the RN 'getPackages()' method list.
Já procurei em vários sites para solucionar e nada.
Alguém já passou por isso e consegue me ajudar?
estou com o mesmo problema, já conseguiu resolver ?
@@oinvestidorassalariado ainda não amigo, estou tentando de outras formas.
@@oinvestidorassalariado estou com o mesmo problema, conseguiu?
estou com o mesmo problema