Repolode
angular

angular/angularfire

Firebase JS SDKにAngularバインディングを提供し、依存性注入、RxJS observables、Firebaseサービス向けのAngularに適したAPIを実現します。

スター
7,797
フォーク
2,152
未解決の Issue
191
最終コミット
12 日前

これは何?

AngularFireは、フレームワークに依存しないFirebase JS SDKをラップし、Angular開発者がほかのAngularコードと同じ感覚でFirebaseサービスを利用できるようにします。FirebaseサービスはAngularの依存性注入を通じて提供・注入され、リアルタイムデータはコールバックではなくRxJS observablesとして公開されます。

Authentication、Cloud Firestore、Realtime Database、Cloud Storage、Cloud Functions、Cloud Messaging、Remote Config、App Check、Data Connectなど、幅広いFirebase製品に対応しています。また、Firebase Authenticationの状態を確認するルーターガード、Angular Routerのナビゲーションを追跡するGoogle Analytics連携、NgRxと親和性の高いアクションベースのAPIも備えています。Firebaseのコードの多くは動的にインポートされ、初期読み込み時間を短縮します。

AngularFireは`ng add @angular/fire`でインストールできます。リポジトリには、ゾーンレスなサーバーサイドレンダリングでモジュラーAPIの使い方を示すサンプルアプリも含まれています。

主な機能

  • 01Angularの依存性注入を通じてFirebaseサービスを注入できます。
  • 02FirebaseのリアルタイムデータをRxJS observablesとして公開します。
  • 03Firebase Authenticationに基づくルーターガードを提供します。
  • 04Angular RouterのナビゲーションとGoogle Analyticsを連携します。
  • 05Firebaseモジュールを動的にインポートし、読み込み時間を短縮します。
  • 06NgRxと親和性の高いアクションベースのAPIを提供します。

ユースケース

  • Cloud Firestoreでデータを保存し、リアルタイムに同期するAngularアプリの構築。
  • Firebase Authenticationによるログイン確認でAngularのルートを保護。
  • サーバーサイドレンダリング対応のAngularアプリをFirebase App Hostingにデプロイ。

クイックスタート

  1. 1

    Angular CLI の schematic を使って、Angular プロジェクトに AngularFire を追加します

    ng add @angular/fire@next
  2. 2

    クイックスタートガイドに従って Firebase を設定し、アプリの設定でサービスを提供します

使う前に知っておきたいこと

  • ドキュメントとセットアップは、新しい tree-shakable な modular API を前提としています。旧 compat API については別途ドキュメントがあります。
  • セットアップでは Firebase JS SDK を使用し、Firebase プロジェクトの設定が必要です。

トピック

よくある質問

angularfire とは?
Firebase JS SDKにAngularバインディングを提供し、依存性注入、RxJS observables、Firebaseサービス向けのAngularに適したAPIを実現します。 AngularFireは、フレームワークに依存しないFirebase JS SDKをラップし、Angular開発者がほかのAngularコードと同じ感覚でFirebaseサービスを利用できるようにします。FirebaseサービスはAngularの依存性注入を通じて提供・注入され、リアルタイムデータはコールバックではなくRxJS observablesとして公開されます。
angularfire は無料で使えますか?ライセンスは?
angularfire は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
angularfire は今もメンテナンスされていますか?
活発にメンテナンス中。angularfire の最終コミットは 2026年10月10日 です。
angularfire は何に使えますか?
Cloud Firestoreでデータを保存し、リアルタイムに同期するAngularアプリの構築。 Firebase Authenticationによるログイン確認でAngularのルートを保護。 サーバーサイドレンダリング対応のAngularアプリをFirebase App Hostingにデプロイ。
angularfire のインストール方法は?
Angular CLI の schematic を使って、Angular プロジェクトに AngularFire を追加します: ng add @angular/fire@next クイックスタートガイドに従って Firebase を設定し、アプリの設定でサービスを提供します
angularfire はどこで入手できますか?
ソースコードとインストール手順は GitHub にあります:https://github.com/angular/angularfire

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト