cover-img

React - google login form authentication

firebase, react-router-dom, auth, googleauthprovider, signinwithemail,usenavigate, Link, createuserwithemail,

23 October, 2022

0

0

0

img

buka console

img
img

pilih atuh dengan login dan enable, save

img
img
add domain 127.0.0.1
img
selanjutnya buka console auth dengan web google. kita butuh signWtihPop, google auth provider
img

login

img
img

berhasil login

img
google juga bisa membedakan access yang sudah login dan yang belum login
img
berhasil login, seharusnya yang berhasil login langsung beralih ke dashboard dan tidak bisa lagi masuk ke login karena sudah berhasil login dengan google.
disini kita menambahkan use navigate function untuk mengarahkan user ke dashboard.
img
kita sudah pernah login dengan menggunakan user andiks, sementara kalau kita buka di window incognito, ada info kalau kita belum login.
img

belum login

untuk yang tidak mememiliki user google maka kita akan aktifkan login menggunakna email dan password sendiri.
img
enable email dan password, email link gak usah.
img
berhasil menambahkan sign in method menggunakan email dan password, sebelum itu kita akan menambahkan tombol loguot terlebih dahulu.
img
selanjutnya di halaman login kita import sign in with email dan password
img

login

sekarang register,
img
img
Terimakasih.
Javascript UI
React

React

User Management
Firebase Authentication

Firebase Authentication

0

0

0

Andi Ismail
Love Programing

More Articles