angularfire | AngularJS bindings for Firebase | Authentication library

by firebase JavaScript Version: 2.0.0 License: MIT

X-Ray Key Features Code Snippets Community Discussions(10)Vulnerabilities Install Support

kandi X-RAY | angularfire Summary

angularfire is a JavaScript library typically used in Security, Authentication, Angular, Firebase applications. angularfire has no bugs, it has no vulnerabilities, it has a Permissive License and it has medium support. You can install using 'npm i angularfire1' or download it from GitHub, npm.

Looking for the new AngularFire?: If you're using Angular you'll want to check out @angular/fire. Status of this library: The Firebase team considers this library stable and feature complete. We will only consider Pull Requests that address severe bugs or security risks & are no longer taking feature requests. AngularJS will be in LTS until December 31st, 2021 after which this library will be deprecated. AngularFire is the officially supported AngularJS binding for Firebase. Firebase is a backend service that provides data storage, file storage, authentication, and static website hosting for your Angular app.

Support

Quality

Security

License

Reuse

Support

angularfire has a medium active ecosystem.

It has 2781 star(s) with 686 fork(s). There are 232 watchers for this library.

It had no major release in the last 12 months.

There are 0 open issues and 664 have been closed. On average issues are closed in 1039 days. There are no pull requests.

It has a neutral sentiment in the developer community.

The latest version of angularfire is 2.0.0

Quality

angularfire has 0 bugs and 0 code smells.

Security

angularfire has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.

angularfire code analysis shows 0 unresolved vulnerabilities.

There are 0 security hotspots that need review.

License

angularfire is licensed under the MIT License. This license is Permissive.

Permissive licenses have the least restrictions, and you can use them in most projects.

Reuse

angularfire releases are available to install and integrate.

Deployable package is available in npm.

Installation instructions, examples and code snippets are available.

angularfire saves you 59 person hours of effort in developing the same functionality from scratch.

It has 155 lines of code, 0 functions and 48 files.

It has low code complexity. Code complexity directly impacts maintainability of the code.

Top functions reviewed by kandi - BETA

kandi's functional review helps you automatically verify the functionalities of the libraries and avoid rework.
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of angularfire

Get all kandi verified functions for this library.

angularfire Key Features

No Key Features are available at this moment for angularfire.

angularfire Examples and Code Snippets

No Code Snippets are available at this moment for angularfire.

Community Discussions

Trending Discussions on angularfire

How to get authorisation code during angularfire installation?

Get "Component auth has not been registered yet" when using Firebase authentication from Angular app

Angular Fire - No Provider for InjectionToken (angularfire2.app.options)

Angular / Ionic mobile app ios does not fetch from Firebase using angularfire

Typescript Strict Mode: having error on BehaviouralSubject (null)

Set custom ID in collection - AngularFire 7 and Firebase

AngularFire Auth Persistence cannot be invoked without 'new'

Angular with Firebase - missing or insufficient permissions after app check

AngularFire getIdToken(true) not refreshing token

Error: Package path ./compat is not exported from package

QUESTION

How to get authorisation code during angularfire installation?

Asked 2022-Mar-16 at 20:40

During installation AngularFire by ng add @angular/fire I get following error

...

ANSWER

Answered 2022-Jan-11 at 09:47

I found following solution:

Run firebase login:ci --no-localhost
and open in browser generated link, login to your google account and accept
copy code (which is few times shorter than token (~62 chars)
TRICK: do NOT PASTE that code to console - but open new separate console
In new console run ng add @angular/fire
and paste that code during installation - now error not appear

Source https://stackoverflow.com/questions/70657254

QUESTION

Get "Component auth has not been registered yet" when using Firebase authentication from Angular app

Asked 2022-Mar-16 at 09:47

I'm trying to add authentication to my Angular/Firebase app. I got it working no-problem in a small demo app, but when I try to add it to my real Angular application, I get "Component auth has not been registered yet" console errors in the browser.

To narrow the issue down, I copied this minimal authentication component from the Firebase "angularfire" samples ():

...

ANSWER

Answered 2022-Feb-13 at 15:02

Wew, that took hours and hours or work to narrow down the issue!

I finally figured out that the problem was that I had "@firebase/app" in my dependencies and that was causing the error. I'm guessing that it conflicted with the "@angular/fire" package, or something similar. I removed it, and Firebase authentication is now working in my app.

Source https://stackoverflow.com/questions/71057826

QUESTION

Angular Fire - No Provider for InjectionToken (angularfire2.app.options)

Asked 2022-Mar-12 at 11:17

Context

I am working with Ionic & Angular & Angular Fire & Firebase. I already made a successfull connection to the Firestore Database and I am able to manipulate the data.

Specifications ...

ANSWER

Answered 2022-Mar-12 at 11:17

Solution

On the file App.component.ts add the following provider object:

Source https://stackoverflow.com/questions/71431785

QUESTION

Angular / Ionic mobile app ios does not fetch from Firebase using angularfire

Asked 2022-Feb-04 at 17:53

I am trying to test a little Ionic/Angular sample app on an iOS Emulator.

On the web, all the requests to firestore using angularfire work perfectly fine.

Somehow if I try to execute the same app on the emulator, it keeps loading for the response of the request (if it was a empty response it would say that no results could be retrieved).

What is going on? Do i need to set something specifically for the Emulator to work and perform requests to Firestore?

...

ANSWER

Answered 2022-Jan-21 at 10:48

import { initializeApp } from 'firebase/app';
import { getFirestore } from 'firebase/firestore';
import { Capacitor } from '@capacitor/core';
import { initializeAuth, indexedDBLocalPersistence } from 'firebase/auth';
import { getAuth } from 'firebase/auth';

const firebaseApp = initializeApp({
 apiKey: process.env.VUE_APP_FIREBASE_API_KEY,
 authDomain: process.env.VUE_APP_FIREBASE_AUTH_DOMAIN,
 databaseURL: process.env.VUE_APP_FIREBASE_DATABASE_URL,
 projectId: process.env.VUE_APP_FIREBASE_PROJECT_ID,
 storageBucket: process.env.VUE_APP_FIREBASE_STORAGE_BUCKET,
 messagingSenderId: 
 process.env.VUE_APP_FIREBASE_MESSAGING_SENDER_ID,
 appId: process.env.VUE_APP_FIREBASE_APP_ID,
});


function whichAuth() {
  let auth
  if (Capacitor.isNativePlatform()) {
    auth = initializeAuth(firebaseApp, {
      persistence: indexedDBLocalPersistence
    })
  } else {
    auth = getAuth()
  }
  return auth
}

export const auth = whichAuth()
const db = getFirestore();

export const auth = whichAuth();
export { firebaseApp, db };

Source https://stackoverflow.com/questions/69778975

QUESTION

Typescript Strict Mode: having error on BehaviouralSubject (null)

Asked 2022-Feb-02 at 09:27

I'm trying to follow the documentation on dynamic query from the AngularFireStore documentation, here I'm just starting and upon typing the behaviourSubject on my constructor.

I know this is just a typescript rule matter, but I am new and also confused what's wrong here. Disabling strict mode does it but I don't want to do that.

...

ANSWER

Answered 2022-Feb-02 at 06:33

You provide a generic parameter to tell typescript that the type used by the class may be either null or Customer. Try the following

Source https://stackoverflow.com/questions/70950017

QUESTION

Set custom ID in collection - AngularFire 7 and Firebase

Asked 2022-Jan-31 at 00:23

How can i set a custom ID to a doc in the new Angularfire 7?

i DONT want the auto genereted one..

my code: (this creates a automatic ID, a want to put my own ID)

...

ANSWER

Answered 2022-Jan-31 at 00:23

You can specify your own document ID and then call setDoc instead of addDoc.

Source https://stackoverflow.com/questions/70920031

QUESTION

AngularFire Auth Persistence cannot be invoked without 'new'

Asked 2022-Jan-07 at 15:21

I'm trying to impliment auth with persistance in angularfire with this code:

...

ANSWER

Answered 2022-Jan-07 at 15:21

From the documentation on persisting auth state persistence in the JavaScript/web SDK:

For a web application, the default behavior is to persist a user's session even after the user closes the browser.

I strongly recommend only calling setPersistence if you know you have a specific use-case that requires it. On most browser Firebase will already persist the auth state between reloads, without calling setPersistence.

Source https://stackoverflow.com/questions/69292778

QUESTION

Angular with Firebase - missing or insufficient permissions after app check

Asked 2021-Dec-08 at 11:16

I use angularfire to interact with firestore in my angular app. Unfortunately, after I setup app check in the firebase console, I'm getting ERROR FirebaseError: Missing or insufficient permissions. in the console of my webbrowser after the first interaction with firestore (see component below), Here are some useful informations for you, which I copied from my ticket in the angularfire repo.

Version info

Angular:

@angular-devkit/architect 0.1200.5 @angular-devkit/build-angular 12.2.13 @angular-devkit/core 12.2.13 @angular-devkit/schematics 12.2.13 @schematics/angular 12.2.13 rxjs 6.6.7 typescript 4.3.5

Firebase:

9.19.0

AngularFire:

7.2.0

Other (e.g. Ionic/Cordova, Node, browser, operating system):

Node: 16.13.0

How to reproduce these conditions

In my component:

...

ANSWER

Answered 2021-Dec-08 at 11:16

AppCheck for Firestore wasn't added until JS SDK 9.6 which was released couple of days ago. Its now working for me

See here: https://firebase.google.com/support/release-notes/js

Source https://stackoverflow.com/questions/70158010

QUESTION

AngularFire getIdToken(true) not refreshing token

Asked 2021-Dec-02 at 17:03

I have an angularfire authentication service which works absolutely fine - except it wont refresh the token.

My refresh code:

...

ANSWER

Answered 2021-Nov-30 at 14:21

Firebase handle the token refresh process, so there is no need to manually refresh the token. Firebase auth state can be read from 'authState' property.

Source https://stackoverflow.com/questions/70066502

QUESTION

Error: Package path ./compat is not exported from package

Asked 2021-Dec-02 at 15:09

Note: I think I was able to to reproduce this (see stackblitz example). The error there is printed in the console as "INTERNAL ASSERTION FAILED: Expected a class definition". This is different to what I get locally but to me this looks like the same issue.

Anyway, just comment out line 15 in app.component.ts and the error will disappear.

I am trying to get started with Firebase but when I install & compile the Angular project I am getting the following error:

Module not found: Error: Package path ./compat is not exported from package /home/sfalk/workspaces/web-mobile/node_modules/firebase (see exports field in /home/sfalk/workspaces/web-mobile/node_modules/firebase/package.json)

The interesting thing is that I am only getting this error when I am injecting my AuthService e.g. like this:

Crashes ...

ANSWER

Answered 2021-Dec-02 at 15:09

You need to change your import from:

Source https://stackoverflow.com/questions/69054603

Community Discussions, Code Snippets contain sources that include Stack Exchange Network

Vulnerabilities

No vulnerabilities reported

Install angularfire

AngularFire requires Firebase in order to authenticate users and sync and store data. Firebase is a suite of integrated products designed to help you develop your app, grow your user base, and earn money. You can sign up here for a free account.