메뉴
Wire Firebase Auth (email/password, Google, Apple) and Cloud Firestore into an Ionic Capacitor app. Trigger when adding Firebase Auth, Firestore, social sign-in via Firebase, or backend persistence using Google's Firebase platform.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
| name | ionic-firebase |
| description | Wire Firebase Auth (email/password, Google, Apple) and Cloud Firestore into an Ionic Capacitor app. Trigger when adding Firebase Auth, Firestore, social sign-in via Firebase, or backend persistence using Google's Firebase platform. |
| license | MIT |
| metadata | {"author":"erkamyaman","version":"1.0"} |
The default backend for most Ionic apps. Auth handles sign-up / sign-in (including social providers); Firestore handles persistent data with realtime sync and offline support.
google-services.json, GoogleService-Info.plist): setup.mdTwo viable approaches:
| Approach | When to pick |
|---|---|
Firebase JS SDK (firebase npm package) | Web-first, simple cases, web/mobile parity. Works in browser, iOS WKWebView, Android WebView. Auth popups can be tricky on native. |
Capacitor Firebase plugins (@capacitor-firebase/*) | Native auth dialogs (Google sign-in via native sheets), offline Firestore via native SDKs, push via native FCM. More setup, much better UX. |
Recommendation: use the JS SDK for v1 (faster), migrate to @capacitor-firebase/* plugins when you hit native UX gaps (especially Google Sign-In, which is rough via web-only on Android).
This skill covers both — pick whichever fits.
apiKey, projectId, etc.) is safe to ship — Security Rules do the gating. See ../ionic-shared/references/environments-and-keys.md.npm install firebase
# OR for native plugins:
npm install @capacitor-firebase/app @capacitor-firebase/authentication @capacitor-firebase/firestore
npx cap sync
google-services.json / GoogleService-Info.plist also covers FCM. Wire push handling itself via ../ionic-shared/references/push-notifications.md — the plugin (@capacitor/push-notifications) is independent of Firebase Auth/Firestore but uses the same native config files.../ionic-deep-links/. Firebase Dynamic Links is shut down — your own deep-link infra is the path.@capacitor-firebase/authentication (this skill, auth.md). Don't also install @capacitor-community/apple-sign-in — see ../ionic-apple-sign-in/SKILL.md for when to use the standalone plugin instead.Add product analytics to an Ionic Capacitor app — Firebase Analytics or PostHog. Trigger when adding event tracking, screen views, funnel analytics, A/B testing, or user behavior tracking to an Ionic mobile app.
Build a production-ready Ionic Capacitor mobile app with Angular standalone components, lazy-loaded routes, services for cross-cutting concerns, and @ngx-translate/core for i18n. Trigger when the user wants to create an Ionic Angular app, scaffold pages (onboarding, paywall, tabs, settings), or wire RevenueCat / AdMob / push notifications into an Angular Ionic project.
Generate every iOS and Android app icon and splash screen size from a single source PNG using @capacitor/assets. Trigger when adding app icons, generating splash screens, replacing the default Capacitor icon, or shipping any Ionic Capacitor app to a store (icons are non-optional).
Add "Sign in with Apple" to an Ionic Capacitor app via @capacitor-community/apple-sign-in. Trigger when adding social login on iOS, integrating Apple ID as a sign-in method, or when App Review requires Sign in with Apple alongside other social logins.
Request iOS App Tracking Transparency (ATT) permission so AdMob can serve personalized ads on iOS 14+ without App Review rejecting the build. Trigger when adding ATT, IDFA permission, or "iOS personalized ads" to an Ionic Capacitor app.
Add Face ID / Touch ID / fingerprint authentication to an Ionic Capacitor app via @aparajita/capacitor-biometric-auth. Trigger when adding biometric login, app lock, secure reauthentication, or Face ID/Touch ID gating to a sensitive feature.