OAuth dengan SvelteKit dan Lucia Auth
Tambahkan login sosial dengan penyedia OAuth menggunakan pustaka autentikasi Lucia.
OAuth dengan SvelteKit dan Lucia Auth adalah pelajaran Sveltejs Academy gratis di CoddyKit. Ini adalah pelajaran 4 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Sveltejs Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Sveltejs Academy mencakup 4 pelajaran total.
Alur OAuth
OAuth memungkinkan pengguna masuk dengan Google, GitHub, dan layanan lain tanpa membagikan kata sandi kepada aplikasi Anda.
Lucia Auth
Lucia adalah pustaka autentikasi populer untuk SvelteKit yang menyederhanakan sesi, OAuth, dan CSRF.
Pasang Lucia
Pasang Lucia dan pilih adapter untuk basis data Anda.
npm install lucia @lucia-auth/adapter-prismaInisialisasi Lucia
Konfigurasikan Lucia di $lib/server/auth.js dengan adapter dan variabel env Anda.
Penyiapan OAuth
Tambahkan konfigurasi penyedia dengan ID klien dan rahasia.
import { GitHub } from "arctic";
export const github = new GitHub(CLIENT_ID, CLIENT_SECRET);Rute Masuk
Buat /login/github yang mengarahkan pengguna ke GitHub.
Rute Panggilan Balik
Tangani URL panggilan balik untuk menukar kode dengan token dan membuat sesi.
Cookie Sesi
Lucia menetapkan cookie sesi dan menyediakan pembantu untuk membaca serta menghapusnya.
Data Pengguna
Setelah OAuth berhasil, ambil informasi pengguna lalu simpan atau tautkan ke akun yang sudah ada.
CSRF dalam OAuth
Gunakan parameter state dan PKCE untuk mencegah CSRF dalam alur OAuth.
Beberapa Penyedia
Tambahkan Google, Apple, Discord, dan layanan lain dengan pola serupa dari pustaka Arctic.
Pemeriksaan Singkat
Apa itu Lucia?
Ringkasan
Lucia menyederhanakan OAuth dan sesi di SvelteKit. Konfigurasikan penyedia (GitHub, Google) dan tangani panggilan balik untuk membuat sesi.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “OAuth dengan SvelteKit dan Lucia Auth” gratis?
Ya — teks lengkap “OAuth dengan SvelteKit dan Lucia Auth” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Sveltejs Academy, upgrade ke CoddyKit PRO. Kursus Sveltejs Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “OAuth dengan SvelteKit dan Lucia Auth”?
Tambahkan login sosial dengan penyedia OAuth menggunakan pustaka autentikasi Lucia. Kamu berlatih Sveltejs Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai Sveltejs Academy?
Tidak diperlukan pengalaman sebelumnya. Sveltejs Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 4 dari 4.
Berapa lama pelajaran “OAuth dengan SvelteKit dan Lucia Auth” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran Sveltejs Academy ini?
Ya. Setiap pelajaran Sveltejs Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- Sesi Berbasis Cookie
- JWT dalam Cookie HTTP-Only
- Rute Terproteksi dalam Hook handle()
- OAuth dengan SvelteKit dan Lucia Auth