OAuth-SUPABASE-NEXTJS

Hierfür nehme ich das GOOGLE SignIn als Beispiel.
Hier ist die Schritt-für-Schritt-Anleitung dazu:

Erstellen Sie zunächst server- und browserseitige Supabase-Clients:

Server-Client:

Browser-Client

Jetzt auf der Login-Komponente, auf der Frontend-Seite:
Erstellen Sie dazu zunächst die Hilfsfunktionen „generateCodeVerifier()“ und „generateCodeChallenge()“

Erstellen Sie nun eine Funktion für die Google-Anmeldeschaltfläche:

Der nächste Schritt besteht darin, die Get-Anfrage für die /auth/callback-Route zu erstellen

Wir benötigen einen Code-Verifizierer, da wir ihn an die Callback-URL weitergegeben haben. Dadurch wird die Sitzung bereitgestellt und die Token in den Cookies gespeichert, sodass sie für die Middleware von nextjs zugänglich sind.

Jetzt müssen Sie die Middleware aktualisieren:
Greifen Sie auf das Token zu und übergeben Sie es an die Supabase-Setsession-Funktion.

Jetzt muss auf der Clientseite, nachdem die Sitzung des angemeldeten Benutzers dort aktualisiert werden:

Bei Fragen erreichen Sie mich auf LinkedIn:
https://www.linkedin.com/in/mernstack-webdeveloper-reactjs-nextjs/

Das obige ist der detaillierte Inhalt vonOAuth-SUPABASE-NEXTJS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!