Repolode
Enviar
angular

angular/angularfire

Bindings do Angular para o Firebase JS SDK, com injeção de dependências, observables do RxJS e APIs adaptadas ao Angular para os serviços do Firebase.

Ver no GitHubSite
Estrelas
7,797
Forks
2,152
Issues abertas
191
Último commit
há 12 dias

O que é?

O AngularFire encapsula o Firebase JS SDK, que não depende de nenhum framework, para que desenvolvedores Angular possam usar os serviços do Firebase como usam outros recursos do Angular. Os serviços do Firebase são disponibilizados e injetados por meio da injeção de dependências do Angular, e os dados em tempo real são expostos como observables do RxJS em vez de callbacks.

A biblioteca oferece suporte a diversos produtos do Firebase, incluindo Authentication, Cloud Firestore, Realtime Database, Cloud Storage, Cloud Functions, Cloud Messaging, Remote Config, App Check e Data Connect. Também inclui guards de rota que verificam o estado do Firebase Authentication, integração com o Google Analytics para acompanhar a navegação do Angular Router e uma API baseada em ações compatível com NgRx. Grande parte do código do Firebase é importada dinamicamente para reduzir o tempo de carregamento inicial.

O AngularFire é instalado com `ng add @angular/fire`, e o repositório inclui um app de exemplo que demonstra a API modular com renderização no servidor sem zone.js.

Recursos principais

  • 01Injeta serviços do Firebase por meio da injeção de dependências do Angular.
  • 02Expõe dados do Firebase em tempo real como observables do RxJS.
  • 03Oferece guards de rota integrados ao Firebase Authentication.
  • 04Integra o Google Analytics à navegação do Angular Router.
  • 05Importa módulos do Firebase dinamicamente para reduzir o tempo de carregamento.
  • 06Oferece uma API baseada em ações compatível com NgRx.

Casos de uso

  • Criar um app Angular que armazena e sincroniza dados em tempo real com o Cloud Firestore.
  • Proteger rotas do Angular com verificações de login do Firebase Authentication.
  • Implantar um app Angular com renderização no servidor no Firebase App Hosting.

Início rápido

  1. 1

    Adicione AngularFire ao seu projeto Angular com o schematic do Angular CLI

    ng add @angular/fire@next
  2. 2

    Siga o guia de início rápido para configurar o Firebase e fornecer serviços na configuração do app

Antes de usar

  • A documentação e a configuração pressupõem o uso da nova API modular tree-shakable; a antiga API compat está documentada separadamente.
  • A configuração usa o Firebase JS SDK e requer a configuração de um projeto do Firebase.

Tópicos

#angular#firebase#rxjs#typescript#realtime-database#authentication#server-side-rendering#angularfire#cloud-firestore#cloud-functions

Perguntas frequentes

O que é angularfire?
Bindings do Angular para o Firebase JS SDK, com injeção de dependências, observables do RxJS e APIs adaptadas ao Angular para os serviços do Firebase. O AngularFire encapsula o Firebase JS SDK, que não depende de nenhum framework, para que desenvolvedores Angular possam usar os serviços do Firebase como usam outros recursos do Angular. Os serviços do Firebase são disponibilizados e injetados por meio da injeção de dependências do Angular, e os dados em tempo real são expostos como observables do RxJS em vez de callbacks.
angularfire é gratuito? Qual é a licença?
angularfire é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
angularfire ainda é mantido?
Manutenção ativa. O último commit de angularfire foi em 10 de out. de 2026.
Para que posso usar angularfire?
Criar um app Angular que armazena e sincroniza dados em tempo real com o Cloud Firestore. Proteger rotas do Angular com verificações de login do Firebase Authentication. Implantar um app Angular com renderização no servidor no Firebase App Hosting.
Como instalar angularfire?
Adicione AngularFire ao seu projeto Angular com o schematic do Angular CLI: ng add @angular/fire@next Siga o guia de início rápido para configurar o Firebase e fornecer serviços na configuração do app
Onde consigo angularfire?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/angular/angularfire

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados