Auth、Firestore、MessagingなどのFirebaseサービス向けに、iOSとAndroidのネイティブFirebase SDKをラップするモジュール型React Nativeライブラリ。
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
Angular CLI の schematic を使って、Angular プロジェクトに AngularFire を追加します
ng add @angular/fire@next - 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 の数値は毎日更新されます。
関連プロジェクト
PostgreSQLを基盤とし、即時利用可能なGraphQL API、認証、ストレージ、サーバーレス関数を備えたオープンソースのFirebase代替サービス。
FlutterアプリからAuth、Firestore、Messaging、AnalyticsなどのFirebaseサービスを利用できるFlutterプラグイン集です。
Lafは、サーバーを管理せずにTypeScript/JavaScriptでバックエンドロジックを記述できる、クラウド関数・クラウドデータベース・ストレージを備えたオープンソースのクラウド開発プラットフォームです。
Firebase Auth、Firestore、Realtime Database、Cloud Storageに一般的なUIコンポーネントを接続する、オープンソースのAndroid UIライブラリ。
ネイティブの描画エンジンを使い、ReactやVue、SvelteなどのWebフロントエンドを備えたクロスプラットフォームのデスクトップアプリを構築するGoフレームワーク。