OAuth-SUPABASE-NEXTJS

Pour cela, je prendrai GOOGLE SignIn comme exemple.
Voici donc le guide étape par étape pour ce faire :

Créez d'abord les clients supabase côté serveur et navigateur :

Client serveur :

Client navigateur

Maintenant sur le composant de connexion, côté frontend :
Pour cela, créez d'abord les fonctions utils generateCodeVerifier() et generateCodeChallenge()

Créez maintenant une fonction pour le bouton de connexion Google :

L'étape suivante consiste à créer la demande d'obtention pour la route /auth/callback

Nous avons besoin d'un vérificateur de code, car nous l'avons transmis à l'URL de rappel. Cela fournira la session et stockera les jetons dans les cookies afin qu'ils puissent être accessibles par le middleware de nextjs.

Maintenant, vous devez mettre à jour le middleware :
Accédez au jeton et transmettez-le à la fonction supabase setsession.

Maintenant, côté client, après la session de l'utilisateur connecté, il faut y mettre à jour :

Pour toute question contactez-moi sur Linkedin :
https://www.linkedin.com/in/mernstack-webdeveloper-reactjs-nextjs/

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!