OAuth z SvelteKit i Lucia Auth
Dodawaj logowanie za pomocą kont społecznościowych z dostawcami OAuth, korzystając z biblioteki uwierzytelniania Lucia.
OAuth z SvelteKit i Lucia Auth to bezpłatna lekcja Sveltejs Academy na CoddyKit. To lekcja 4 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej Sveltejs Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs Sveltejs Academy zawiera 4 lekcji w sumie.
Przebieg OAuth
OAuth umożliwia użytkownikom logowanie za pomocą Google, GitHub itp. bez udostępniania hasła Twojej aplikacji.
Lucia Auth
Lucia to popularna biblioteka uwierzytelniania dla SvelteKit, upraszczająca obsługę sesji, OAuth i CSRF.
Instalowanie Lucia
Zainstaluj bibliotekę i wybierz adapter dla swojej bazy danych.
npm install lucia @lucia-auth/adapter-prismaInicjalizacja Lucia
Skonfiguruj Lucia w $lib/server/auth.js, podając adapter i zmienne środowiskowe.
Konfiguracja OAuth
Dodaj konfigurację dostawcy wraz z identyfikatorem klienta i sekretem.
import { GitHub } from "arctic";
export const github = new GitHub(CLIENT_ID, CLIENT_SECRET);Trasa logowania
Utwórz /login/github, która przekierowuje użytkowników do GitHub.
Trasa callbacku
Obsłuż URL callbacku, aby wymienić kod na tokeny i utworzyć sesję.
Pliki cookie sesji
Lucia ustawia plik cookie sesji i udostępnia funkcje pomocnicze do jego odczytywania i usuwania.
Dane użytkownika
Po pomyślnym uwierzytelnieniu OAuth pobierz informacje o użytkowniku i zapisz je lub połącz z istniejącym kontem.
CSRF w OAuth
Użyj parametru state i PKCE, aby zapobiec CSRF w przebiegu OAuth.
Wielu dostawców
Dodaj Google, Apple, Discord itp., stosując podobne wzorce z biblioteki Arctic.
Szybkie sprawdzenie
Czym jest Lucia?
Podsumowanie
Lucia upraszcza obsługę OAuth i sesji w SvelteKit. Skonfiguruj dostawców (GitHub, Google) i obsłuż callbacki, aby tworzyć sesje.
Często zadawane pytania
Czy lekcja „OAuth z SvelteKit i Lucia Auth” jest bezpłatna?
Tak — pełny tekst „OAuth z SvelteKit i Lucia Auth” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu Sveltejs Academy, przejdź na CoddyKit PRO. Kurs Sveltejs Academy zawiera 4 lekcji w sumie.
Co nauczysz się w „OAuth z SvelteKit i Lucia Auth”?
Dodawaj logowanie za pomocą kont społecznościowych z dostawcami OAuth, korzystając z biblioteki uwierzytelniania Lucia. Ćwiczysz Sveltejs Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.
Czy potrzebuję doświadczenia, aby zacząć Sveltejs Academy?
Nie wymagamy żadnego doświadczenia. Sveltejs Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 4 z 4.
Ile czasu zajmuje lekcja „OAuth z SvelteKit i Lucia Auth”?
Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.
Czy mogę pisać i uruchamiać kod w tej lekcji Sveltejs Academy?
Tak. Każda lekcja Sveltejs Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.
Wszystkie lekcje w tym kursie
- Sesje oparte na ciasteczkach
- JWT w ciasteczkach HTTP-only
- Chronione trasy w hooku handle()
- OAuth z SvelteKit i Lucia Auth