Easy integration of Google OAuth 2.0 for React projects.
This package will allow you to quickly add a sign in and sign out component to your app for front end authentication using Google OAuth 2.0.
In your terminal run npm i easy-google-oauth --legacy-peer-deps
Enter the Google developer console and click credentials:
Click CREATE CREDENTIALS
> OAuth client ID
:
Follow the steps to create your clientId.
import GoogleOAuth from "easy-google-oauth";
<GoogleOAuth clientId={<yourClientId>} />
The GoogleOAuth component takes a function as a prop to handle both login success and failure, these functions should take a response as an argument (see sample below):
googleLoginSuccess={googleLoginSuccess}
googleLoginFailure={googleLoginFailure}
The GoogleOAuth component takes a function as a prop to handle both logout success and failure:
googleLogoutSuccess={googleLogoutSuccess}
googleLogoutFailure={googleLogoutFailure}
The GoogleOAuth component takes an integer as a prop to set the number of hours before a user's session times out:
expirationHourMultiplier={<numberOfHours>}
Functions:
const googleLoginSuccess = (res) => {
console.log(res);
}
const googleLoginFailure = (res) => {
console.log(res);
}
const googleLogoutSuccess = () => {
console.log('Logged out Successfully')
}
const googleLogoutFailure = () => {
console.log('Logout Failure');
}
Component:
<GoogleOAuth
clientId={clientId}
expirationHourMultiplier={24}
googleLoginSuccess={googleLoginSuccess}
googleLoginFailure={googleLoginFailure}
googleLogoutSuccess={googleLogoutSuccess}
googleLogoutFailure={googleLogoutFailure}
/>
Feel free to contact me or add some PRs to the repo I've included!