React Redux Firebase Authentication - Google Account Sign in/Sign out example
react
16
redux
24
firebase
21
authentication
14
Male avatar

loveprogramming viết ngày 31/03/2021

https://grokonez.com/frontend/react/react-redux-firebase-auth-example-google-account-sign-in-sign-out-example

React Redux Firebase Authentication - Google Account Sign in/Sign out example

In this tutorial, we’re gonna add Firebase Authentication to a React Redux Application with Google Account Sign in/ Sign out.

Related Posts:

Firebase Authentication

Overview

Firebase Authentication provides backend services, easy-to-use SDKs, and ready-made UI libraries to authenticate users to your app. It supports authentication using passwords, phone numbers, identity providers like Google, Facebook, Twitter...

Google Account Sign in/Sign out

The easiest way to authenticate users with Firebase using Google Accounts is using Firebase JavaScript SDK. To do this, follow these steps:

Enable Google Sign-In in Firebase console

  • Go to Firebase console, open the Auth section.
  • On the SIGN-IN METHOD tab, enable the Google and click Save:

react-redux-firebase-auth-example-enable-google-sign-in

Create an instance of the Google provider object


firebase.initializeApp(config);
const googleAuthProvider = new firebase.auth.GoogleAuthProvider();

Authenticate with Firebase


firebase.auth().signInWithPopup(googleAuthProvider).then(result => {
    // Google Access Token.
    const token = result.credential.accessToken;
    console.log(token);
    // user info.
    const user = result.user;
    console.log(user);
    // ...
}).catch(error => {
    const errorCode = error.code;
    const errorMessage = error.message;
    const email = error.email;
    // Firebase Auth Credential type
    const credential = error.credential;
    // ...
});

https://grokonez.com/frontend/react/react-redux-firebase-auth-example-google-account-sign-in-sign-out-example

Bình luận


White
{{ comment.user.name }}
Bỏ hay Hay
{{comment.like_count}}
Male avatar
{{ comment_error }}
Hủy
   

Hiển thị thử

Chỉnh sửa

Male avatar

loveprogramming

227 bài viết.
66 người follow
Kipalog
{{userFollowed ? 'Following' : 'Follow'}}
Cùng một tác giả
Male avatar
1 0
Tutorial Link: (Link) (Ảnh) Django is a Pythonbased free and opensource web framework that follows the modeltemplateview architectural pattern. A...
loveprogramming viết 5 tháng trước
1 0
Male avatar
1 0
https://loizenai.com/angular11nodejspostgresqlcrudexample/ Angular 11 Node.js PostgreSQL Crud Example (Ảnh) Tutorial: “Angular 11 Node.js Postg...
loveprogramming viết 4 tháng trước
1 0
Male avatar
1 0
Angular Spring Boot jwt Authentication Example Github https://loizenai.com/angularspringbootjwt/ (Ảnh) Tutorial: ” Angular Spring Boot jwt Authe...
loveprogramming viết 4 tháng trước
1 0
Bài viết liên quan
White
5 2
Trải qua 1 thời gian khá dài trải nghiệm Angular, mình thấy RxJS khá hay. Bài này sẽ quay trở lại với bài toán Counter thần kì của React/Redux, như...
cdxf viết hơn 2 năm trước
5 2
Male avatar
0 0
https://grokonez.com/frontend/angular/angular4firebaseauthemailpasswordauthenticationwithangularfire2emaillogin Angular Firebase Auth Email/Passwo...
loveprogramming viết 28 ngày trước
0 0
{{like_count}}

kipalog

{{ comment_count }}

bình luận

{{liked ? "Đã kipalog" : "Kipalog"}}


Male avatar
{{userFollowed ? 'Following' : 'Follow'}}
227 bài viết.
66 người follow

 Đầu mục bài viết

Vẫn còn nữa! x

Kipalog vẫn còn rất nhiều bài viết hay và chủ đề thú vị chờ bạn khám phá!