OAuth-SUPABASE-NEXTJS

Untuk ini, saya akan mengambil GOOGLE LogIn sebagai contoh.
Jadi berikut ialah panduan langkah demi langkah untuk melakukan ini:

Mula-mula buat klien supabase sisi Pelayan dan Penyemak Imbas:

Pelanggan Pelayan:

Pelanggan Penyemak Imbas

Kini pada komponen log masuk, di bahagian hadapan:
Untuk pertama kali ini buat generateCodeVerifier() dan generateCodeChallenge() fungsi utils

Sekarang buat fungsi untuk butang log Masuk Google:

Langkah seterusnya ialah membuat permintaan dapatkan untuk /auth/callback route

Kami memerlukan pengesah kod, kerana kami telah menyampaikannya ke URL panggil balik. Ini akan menyediakan sesi dan menyimpan token dalam kuki supaya ia boleh diakses oleh middleware nextjs.

Kini, anda perlu mengemas kini perisian tengah:
Akses token dan hantarkannya ke fungsi setsession supabase.

Kini di sisi pelanggan selepas pengguna log masuk sesi perlu dikemas kini di sana:

Untuk sebarang pertanyaan hubungi saya di Linkedin:
https://www.linkedin.com/in/mernstack-webdeveloper-reactjs-nextjs/

Atas ialah kandungan terperinci OAuth-SUPABASE-NEXTJS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!