Switch to Firebase

JWT to Firebase

1. Set Firebase Config

At present, firebase uses you need to set a secret in the following file. For more detail refer to Firebase here: https://firebase.google.com/docs/reference/rest/auth

.env

...
###
## Firebase - Google Auth 

VITE_APP_FIREBASE_API_KEY=
VITE_APP_FIREBASE_AUTH_DOMAIN=
VITE_APP_FIREBASE_PROJECT_ID=
VITE_APP_FIREBASE_STORAGE_BUCKET=
VITE_APP_FIREBASE_MESSAGING_SENDER_ID=
VITE_APP_FIREBASE_APP_ID=
VITE_APP_FIREBASE_MEASUREMENT_ID=
###
...

1. Change AuthProvider

VITE (TS)

src/App.txs

import { FirebaseProvider as AuthProvider } from 'contexts/FirebaseContext';

VITE (JS)

src/App.jxs

import { FirebaseProvider as AuthProvider } from 'contexts/FirebaseContext';

1. Change auth Hooks

Comment another context in the following file and uncomment the Firebase one.

VITE (TS)

src/hook/useAuth.ts

import AuthContext from 'contexts/FirebaseContext';

VITE (JS)

src\hook\useAuth.js

mport AuthContext from 'contexts/FirebaseContext';

1. Copy login code

It's also super simple. We have provided a code that just needs to be replaced.

VITE (TS)

• From: src\sections\auth\login\FirebaseLogin

• To: src\sections\auth\auth-forms\AuthLogin.tsx

VITE (JS)

• From: src\sections\auth\login\FirebaseLogin

• To: src\sections\auth\auth-forms\AuthLogin.jsx

1. Copy the Register Code

We have provided a code that just needs to be replaced.

VITE (TS)

• From: src\sections\auth\register\FirebaseRegister

• To: src\sections\auth\auth-forms\AuthRegister.tsx

VITE (JS)

• From: src\sections\auth\register\FirebaseRegister

• To: src\sections\auth\auth-forms\AuthRegister.jsx