firebase-auth-basics

Configure Firebase Authentication providers and implement sign-in flows across web, Android, iOS, and Flutter.

Updated Aug 17, 2026
One-click install
npx skills add https://github.com/DingJun1028/esggo-kv --skill firebase-auth-basics-dingjun1028
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: firebase-auth-basics
Source: https://github.com/DingJun1028/esggo-kv/tree/main/.agents/skills/firebase-auth-basics
Command: npx skills add https://github.com/DingJun1028/esggo-kv --skill firebase-auth-basics-dingjun1028

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires firebase-tools, and includes references (resource) components.

What problem does it solve? Setting up user authentication involves many moving parts: enabling providers, configuring OAuth clients, integrating platform-specific SDKs, and writing security rules. This Skill guides you through the complete Firebase Authentication setup so users can sign in securely without trial-and-error. ## Core Features & Use Cases - Provider Provisioning: Enable Email/Password, Google, anonymous, and other sign-in providers via firebase.json and the Firebase CLI, with the critical deploy --only auth step to activate OAuth clients. - Cross-Platform SDK Integration: Reference guides for Web (JavaScript), Android (Kotlin), iOS (Swift), and Flutter (Dart), including popup-based federated sign-in, email link auth, and auth state listeners. - Security Rules: Apply request.auth checks in Firestore and Storage rules to restrict data access by UID, ownership fields, or email verification status. - Use Case: You are building a Flutter app with Google Sign-In. The Skill walks you through enabling the provider, handling the google_sign_in 7.x breaking changes, avoiding web initialization hangs, and writing a robust AuthService. ## Quick Start Set up Firebase Authentication with Google Sign-In for my web app, including provider configuration and the client SDK sign-in code.

Frequently Asked Questions about firebase-auth-basics

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I enable Google Sign-In with Firebase Authentication?▼

Add a googleSignIn block to the auth providers in firebase.json with your brand name, support email, and authorized redirect URIs, then run firebase deploy --only auth. The deploy step is required to auto-generate the OAuth clients for your app platforms.

How to implement Firebase Auth sign-in on the web?▼

Initialize the Auth service with getAuth(app), then use signInWithPopup with a provider like GoogleAuthProvider for federated sign-in, or createUserWithEmailAndPassword and signInWithEmailAndPassword for email auth. Use onAuthStateChanged to observe sign-in state.

Why does Flutter Google Sign-In hang on the web?▼

In google_sign_in 7.x, calling initialize() on Flutter Web without a clientId or the meta tag in index.html causes the debug service to hang with a blank screen. Skip GoogleSignIn initialization on web and use Firebase Auth's signInWithPopup instead.

Can I use Firebase Auth security rules to restrict data access?▼

Yes, use request.auth in Firestore or Storage rules to check authentication state. Common patterns include request.auth != null for signed-in users, matching request.auth.uid to a document path or owner field, and checking request.auth.token.email_verified.

Why does my iOS app crash when initializing Firebase Auth?▼

The crash occurs when Auth.auth() is called before FirebaseApp.configure() finishes, such as an inline property in a class instantiated at the app root. Use lazy initialization or create the auth manager only after configure() completes.