Connexion avec Google Better Auth

Ce cours fait partiellement suite au cours de Node.js.

Installation

On a déjà installé Better Auth dans le backend, donc on va pouvoir l'utiliser dans le front. On va donc installer la librairie :

		npm i better-auth
	

Utilisation

Même principe que dans le backend, on va utiliser le client de Better Auth. On va donc créer un fichier de configuration :

		import { createAuthClient } from 'better-auth/react';
export const authClient = createAuthClient({
	baseURL: 'http://localhost:3000' // On passe l'URL de notre serveur
});
	

Connexion avec Google

On va simplement utiliser le authClient pour se connecter avec Google. On va donc ajouter un bouton qui appelle la fonction signIn du authClient. Je vous laisse ajouter le bouton, mais voici la fonction de connexion : (ne pas oublier d'importer le authClient)

		const handleSignInWithGoogle = async () => {
	await authClient.signIn.social({
		provider: 'google'
	});
};
	

Et ça y est, on est connecté avec Google au clic d'un bouton ! Oui, c'était aussi simple que ça.

Récupérer les informations de l'utilisateur

On va pouvoir récupérer les informations de l'utilisateur avec la fonction useSession du authClient.

		const { data: session } = authClient.useSession();
 
console.log(session);
	

Et voilà, on a récupéré les informations de l'utilisateur.