auth-web-cloudbase
Integracja logowania w aplikacjach webowych CloudBase z obsługą wielu metod uwierzytelniania
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Skill do szybkiej implementacji uwierzytelniania frontend w projektach webowych opartych na CloudBase. Umożliwia budowanie stron logowania, modali rejestracji i zarządzania sesjami użytkownika z obsługą logowania przez email, telefon, nazwę użytkownika, konta anonimowe i dostawców zewnętrznych. Wymaga wcześniejszego skonfigurowania dostawców w auth-tool-cloudbase i środowiska CloudBase (ID i region).
Jak używać
Upewnij się, że dostawcy uwierzytelniania są już włączeni w CloudBase — jeśli nie, najpierw użyj skill auth-tool-cloudbase do ich konfiguracji. Sprawdź, czy masz dostęp do ID środowiska (env) i regionu CloudBase.
W swoim projekcie webowym zainstaluj lub zweryfikuj wersję biblioteki @cloudbase/js-sdk w wersji 2.24.0 lub nowszej. Możesz załadować SDK z oficjalnego CDN: https://static.cloudbase.net/cloudbase-js-sdk lub zainstalować przez npm.
Zainicjuj CloudBase w aplikacji, przekazując ID środowiska i region. Ta konfiguracja jest wymagana do nawiązania połączenia z backendem CloudBase.
Wybierz metodę logowania odpowiednią dla Twojego przypadku użytku — email, telefon, nazwa użytkownika/hasło, logowanie anonimowe lub dostawcy zewnętrzni. Skill obsługuje wszystkie te opcje i zapewnia kompatybilność z API supabase-js.
Zbuduj interfejs użytkownika — stronę logowania, modal rejestracji lub formularz zarządzania profilem. Podłącz przyciski i pola formularza do metod SDK (np. signUp, verifyOtp) — upewnij się, że kliknięcia przycisków faktycznie wywoływują funkcje uwierzytelniania, nie pozostawiaj logiki w oddzielnym pliku bez połączenia z handlerami formularza.
Wdrażaj rozwiązanie w ramach struktury projektu webowego — zapoznaj się z skill web-development-cloudbase, aby poznać wytyczne dotyczące organizacji projektu i wdrażania.
Podobne skille
architect-review
autor: sickn33
brand-voice
autor: anthropics
reverse-engineering-tools
autor: gmh5225
senior-security
autor: davila7
content-creator
autor: alirezarezvani
academic-researcher
autor: Shubhamsaboo