firebase-auth-basics
實作 Firebase Authentication
為您的應用程式新增安全的用戶驗證功能,無需從零開始建置驗證基礎設施。此技能將指導您完成 Firebase Authentication 設定,支援多種登入提供者和安全規則。
Descargar el ZIP de la skill
Subir en Claude
Ve a Configuración → Capacidades → Skills → Subir skill
Activa y empieza a usar
Pruébalo
Usando "firebase-auth-basics". 為我的 Firebase 網頁應用程式設定 Google 登入
Resultado esperado:
- 使用 getAuth(app) 初始化 Firebase Auth
- 建立 GoogleAuthProvider 實體
- 呼叫 signInWithPopup(auth, provider) 觸發 Google 登入流程
- 處理結果以存取用戶資訊和 Google 存取權杖
- 實作取消登入和帳號衝突的錯誤處理
Usando "firebase-auth-basics". 撰寫保護用戶文件的安全規則
Resultado esperado:
- match /users/{userId} {
- allow read, write: if request.auth != null && request.auth.uid == userId;
- }
Auditoría de seguridad
SeguroThis skill consists entirely of Markdown documentation files teaching Firebase Authentication implementation. Static analyzer flagged code fence markers in documentation as 'external commands' and reference URLs as 'network' patterns - all false positives. No executable code present. The skill provides legitimate instructional content for Firebase Auth SDK usage.
Puntuación de calidad
Lo que puedes crear
新應用程式驗證
以最少的設定時間為新的網頁應用程式新增用戶登入功能。
聯合身分整合
允許用戶使用現有的 Google、Apple 或社群媒體帳號登入。
安全資料存取模式
根據用戶驗證狀態實作 Firestore 或 Storage 安全規則。
Prueba estos prompts
協助我使用 Firebase Auth 為網頁應用程式設定電子郵件/密碼驗證。展示如何創建新用戶帳號並處理登入錯誤。
我希望用戶使用 Google 帳號登入。展示用於彈出式 Google 登入的 Firebase Auth 程式碼,以及如何存取用戶的電子郵件和頭像。
撰寫 Firestore 安全規則,確保用戶只能讀取和寫入自己的用戶文件。集合名稱為 'users',每個文件 ID 應與用戶的 UID 相符。
實作使用電子郵件連結的無密碼登入。展示如何發送登入電子郵件並處理回呼以在著陸頁面完成驗證。
Mejores prácticas
- 使用 onAuthStateChanged 監聽器來回應整個應用程式生命週期中的驗證狀態變更
- 僅在具有適當安全規則的 Firestore/Storage 中儲存敏感資料,而非用戶端儲存
- 為電子郵件/密碼帳號啟用電子郵件驗證以減少虛假註冊
- 使用 Firebase Console 設定具有正確授權網域的 OAuth 提供者
Evitar
- 將驗證權杖儲存在 localStorage - Firebase Auth 會自動處理權杖更新
- 僅在頁面載入時檢查驗證 - 應使用驗證狀態監聽器來獲得即時更新
- 撰寫安全規則時信任用戶端提供的資料,而非透過 request.auth 進行驗證
- 略過驗證操作的錯誤處理 - 應始終捕捉驗證錯誤並向用戶顯示