firebase_web 5.0.9

  • Readme
  • Changelog
  • Example
  • Installing
  • 88

Build Status

NOTE: This package provides three libraries:

Other platforms #

Firebase Configuration #

You can find more information on how to use Firebase on the Getting started page.

Don't forget to setup correct rules for your realtime database, storage and/or firestore in the Firebase console.

If you want to use Firestore, you need to enable it in the Firebase console and include the additional js script.

Authentication also has to be enabled in the Firebase console. For more info, see the next section in this document.

Installation #

Install the library from pub:

  firebase: ^5.0.0

Using this package for browser applications #

You must include the right Firebase JavaScript libraries into your .html file to be able to use this package. Usually this means including firebase-app.js as well as one or more libraries corresponding to the features you are using.

For example:

<script src=""></script>
<script src=""></script>

The firestore library is available in firestore.dart. You can find an example how to use this library in the example/firestore.

Real-time Database Example #

import 'package:firebase/firebase.dart';

void main() {
    apiKey: "YourApiKey",
    authDomain: "YourAuthDomain",
    databaseURL: "YourDatabaseUrl",
    projectId: "YourProjectId",
    storageBucket: "YourStorageBucket");

  Database db = database();
  DatabaseReference ref = db.ref("messages");

  ref.onValue.listen((e) {
    DataSnapshot datasnapshot = e.snapshot;
    // Do something with datasnapshot

Firestore Example #

import 'package:firebase/firebase.dart';
import 'package:firebase/firestore.dart' as fs;

void main() {
    apiKey: "YourApiKey",
    authDomain: "YourAuthDomain",
    databaseURL: "YourDatabaseUrl",
    projectId: "YourProjectId",
    storageBucket: "YourStorageBucket");

  fs.Firestore store = firestore();
  fs.CollectionReference ref = store.collection("messages");

  ref.onSnapshot.listen((querySnapshot) {
    querySnapshot.docChanges().forEach((change) {
      if (change.type == "added") {
        // Do something with change.doc

Using this package with the Dart VM and Fuchsia #

This library also contains a dart:io client.

Create an instance of FirebaseClient and then use the appropriate method (GET, PUT, POST, DELETE or PATCH). More info in the official documentation.

The dart:io client also supports authentication. See the documentation on how to get auth credentials.

import 'package:firebase/firebase_io.dart';

void main() {
  var credential = ... // Retrieve auth credential
  var fbClient = new FirebaseClient(credential); // FirebaseClient.anonymous() is also available
  var path = ... // Full path to your database location with .json appended
  // GET
  var response = await fbClient.get(path);
  await fbClient.delete(path);

Examples #

You can find more examples on realtime database, auth, storage and firestore in the example folder.

Dart Dev Summit 2016 demo app #

Demo app which uses Google login, realtime database and storage.

Before tests and examples are run #

You need to ensure a couple of things before tests and examples in this library are run.

All tests and examples #

Create config.json file (see config.json.sample) in lib/src/assets folder with configuration for your Firebase project.

To run the io tests, you need to provide the service_account.json file. Go to Settings/Project settings/Service accounts tab in your project's Firebase console, select the Firebase Admin SDK and click on the Generate new private key button, which downloads you a file. Rename the file to service_account.json and put it into the lib/src/assets folder.

Warning: Use the contents of lib/src/assets is only for development and testing this package.

App tests #

No special action needed here.

Auth tests and example #

Auth tests and some examples need to have Auth providers correctly set. The following providers need to be enabled in Firebase console, Auth/Sign-in method section:

  • E-mail/password
  • Anonymous
  • Phone

Database tests and example #

Database tests and example need to have public rules to be able to read and write to database. Update your rules in Firebase console, Database/Realtime Database/Rules section to:

  "rules": {
    ".read": true,
    ".write": true

Warning: At the moment, anybody can read and write to your database. You usually don't want to have this in your production apps. You can find more information on how to setup correct database rules in the official Firebase documentation.

Firestore tests and example #

To be able to run tests and example, Firestore needs to be enabled in the Database/Cloud Firestore section.

Firestore tests and example need to have public rules to be able to read and write to Firestore. Update your rules in Firebase console, Database/Cloud Firestore/Rules section to:

service cloud.firestore {
  match /databases/{database}/documents {
    match /{document=**} {
      allow read, write;

Warning: At the moment, anybody can read and write to your Firestore. You usually don't want to have this in your production apps. You can find more information on how to setup correct Firestore rules in the official Firebase documentation.

You also need to include the additional firebase-firestore.js script. See more info.

Storage tests and example #

Storage tests and example need to have public rules to be able to read and write to storage. Update your rules in Firebase console, Storage/Rules section to:

service {
    match /{allPaths=**} {
      allow read, write;

Warning: At the moment, anybody can read and write to your storage. You usually don't want to have this in your production apps. You can find more information on how to setup correct storage rules in the official Firebase documentation.

Bugs #

If you find a bug, please file an issue.

5.0.9 #

  • Added comments in functions_interop.dart
  • Added simple main.dart example

5.0.8 #

  • Updated package name in assets.dart
  • Fixed type error for firebase cloud functions call()

5.0.7 #

  • Fixed compilation failed for HttpsCallableOptionsJsImpl

5.0.6 #

  • Updated repository homepage url
  • Updated repository description

5.0.5 #

  • Added firebase cloud functions firebase.functions().httpsCallable()
  • Updated documented JS library from 5.9.2 of the JS API to 5.9.3.

5.0.4 #

  • Require at least Dart 2.1.0.
  • Updated documented JS library from 5.5.2 of the JS API to 5.9.2.

5.0.3 #

  • Add support for firestore FieldValue.arrayUnion() and FieldValue.arrayRemove()
  • Fix a number of issues in interop.
  • Support the latest pkg:http.

5.0.2 #

  • Updated documented JS library from 5.1.0 of the JS API to 5.5.2.

  • Fixed issues with canceled subscriptions in Database Query.

5.0.1 #

  • README updates.

5.0.0 #

  • Updated from 4.13.0 of the JS API to 5.1.0.

  • Auth

    • getToken has been removed.
    • linkWithCredential, fetchProvidersForEmail, signinWithCredential, and reauthenticateWithCredential have been deprecated.
    • createUserWithEmailAndPassword, signInAnonymously, signinWithCustomToken, and signInWithEmailAndPassword all return UserCredential instead of User.
  • Firestore

    • QuerySnapshot.docChanges is now a function.
    • timestampInSnapshots is set to true by default.
  • Storage

    • downloadURLs and downloadURL have been removed.

4.5.1 #

  • Require at least Dart SDK 2.0.0-dev.61.

  • Simplify promise-Future interop using new dart:html API.

  • Fixed remaining issues with Dart2 runtime semantics.

4.5.0 #

  • Updated tested JS API version to 4.13.0.

    • Deprecated downloadURL and downloadURLs.
  • Require at least Dart SDK 2.0.0-dev.36.

Firestore #

  • Moved setLogLevel to a top-level method from Firestore. Not considering this a breaking change since the method never worked as previously exposed.

  • Added isEqual to CollectionReference, DocumentSnapshot, SnapshotMetadataand QuerySnapshot.

  • Added disableNetwork and enableNetwork to Firestore

4.4.0 #

  • Added support for Firebase Cloud Messaging.

  • Updated tested/documented Firebase JS API 4.10.1.

  • BREAKING Firestore Blob is no longer wrapped. It is now just the raw interop object.

    • The only practical change is the fromUint8List static function is now fromUint8Array – since it maps to the source JS function.
    • Usage of Blob for value storage was broken until this change, so a we're not doing a major version update.
  • Added isEqual API to Blob, GeoPoint, FieldValue, and FieldPath.

4.3.1 #

  • Support DocumentReference and GeoPoint as a field values in a document.

4.3.0 #

  • Upgraded to Firebase JS API 4.8.1.
  • Added metadata property to User.
  • Added isNewUser property to AdditionalUserInfo.
  • Updated auth examples and tests with the latest features.
  • Added new Firestore library - see README and example/firestore on how to use it.
  • Added new APIs for the Auth library which function the same as their counterparts but return a Future that resolves with a UserCredential instead of a User. These methods will be eventually renamed to replace the older methods. _ createUserAndRetrieveDataWithEmailAndPassword _ signInAndRetrieveDataWithCustomToken _ signInAndRetrieveDataWithEmailAndPassword _ signInAnonymouslyAndRetrieveData

4.2.0+1 #

  • Updates to lib/src/ files that are not meant for consumptions outside this package.

4.2.0 #

  • Improve the generic types in the interop library.
  • Upgraded to Firebase JS API 4.4.0.
  • Added client side localization for email actions, phone authentication SMS messages, OAuth flows and reCAPTCHA verification:
    • Added readable/writable languageCode property to Auth.
    • Added useDeviceLanguage method.
  • Added the ability to pass a continue URL/state when triggering a password reset/email verification which gives a user the ability to go back to the app after completion.
  • Added support for the ability to open these links directly from a mobile app instead of a web flow using Firebase Dynamic Links:
    • sendEmailVerification and sendPasswordResetEmail have optional ActionCodeSettings parameter.
  • Added Persistence state via setPersistence method on Auth class.
  • Updated auth example with the latest features.

4.1.0 #

  • Upgraded to Firebase JS API 4.2.0.
  • Added toJson to DataSnapshot and Query.
  • Auth:
    • Implemented PhoneAuthProvider and RecaptchaVerifier.
  • User:
    • Added phoneNumber property to the UserInfo.
    • Added linkWithPhoneNumber, updatePhoneNumber and reauthenticateWithPhoneNumber methods.
  • New example demonstrating PhoneAuthProvider functionality in example/auth_phone.
  • Added more tests for V4 API.

4.0.0 #

  • Upgraded to Firebase JS API 4.1.3.

  • Breaking changes

    • The value in Auth.onAuthStateChanged is now User. AuthEvent has been removed.
  • Removed deprecated APIs:

    • User
      • link method in favor of linkWithCredential.
      • reauthenticate method in favor of reauthenticateWithCredential.
    • AuthCredential
      • provider property in favor of providerId.
  • User: added getIdToken, reauthenticateAndRetrieveDataWithCredential, linkAndRetrieveDataWithCredential, and toJson().

  • Auth: added signInAndRetrieveDataWithCredential and onIdTokenChanged.

3.2.1 #

  • Update minimum Dart SDK to 1.21.0 – required to use generic method syntax.

3.2.0 #

  • The FirebaseJsNotLoadedException is thrown when the firebase.js script is not included in the html file.

  • Fix to support dartdevc.

3.1.0 #

  • Updates from the Firebase 3.8.0 and 3.9.0 in auth library:
    • User
      • Deprecated link method in favor of linkWithCredential.
      • Deprecated reauthenticate method in favor of reauthenticateWithCredential.
      • Added new reauthenticateWithPopup and reauthenticateWithRedirect methods.
    • UserCredential
      • Added new operationType property.
    • AuthCredential
      • Deprecated provider property in favor of providerId.
  • The has now an optional storage bucket parameter.

3.0.2 #

  • Throw FirebaseClientException if there are request failures in firebase_io.dart.
  • Fix provider's addScope and setCustomParameters methods return types.
  • Support the latest release of pkg/func.

3.0.1 #

  • Updated documentation and tests to reference the latest JS release: 3.7.2

  • Improvements to

3.0.0 #

  • Completely rewritten for Firebase v3.

0.6.6+3 #

  • Support crypto 2.0.0.

0.6.6+2 #

  • Strong-mode clean.

  • Doc fixes.

0.6.6+1 #

  • Support non-integer values for priority in set operations.

0.6.6 #

  • Support latest version of pkg/crypto

  • Support latest version of firebase.js - 2.4.2

0.6.5+1 #

  • Fixed to use POST.

0.6.5 #

  • Added to firebase_io.dart.

0.6.4 #

  • Added Firebase.ServerValue.TIMESTAMP constant

0.6.3 #

  • Added onComplete argument to Firebase.push.

0.6.2 #

  • Fix an issue calling push with a Map.

  • Fixed the return type of Firebase.onAuth. Also made the returned Stream asynchronous.

0.6.1 #

  • Added anonymous constructor to FirebaseClient.

  • Added firebase_io.dart library.

    • createFirebaseJwtToken can be used for authentication.
    • The FirebaseClient class is a simple wrapper for the Firebase REST API.
  • Added encodeKey and decodeKey methods to firebase.dart and firebas_io.dart. Convenience methods for dealing with key values with disallowed characters.

0.6.0 #

  • Removed deprecated name property on Firebase and Snapshot. Use key instead`.

  • Removed deprecated limit method on Firebase. Use limitToFirst and limitToLast instead.

0.5.1 #

  • Updated startAt() and endAt() methods. They don't take a priority anymore and are meant to be used in conjunction with orderBy*

0.5.0 #

  • Added authWithOAuthToken()

  • Changed return value of auth methods to return a native dart Map object containing all authData. This is a breaking change.

0.4.0 #

  • Updated for Firebase api v2.2.2

  • Deprecated name getter on Firebase and DataSnapshot

  • Added key getter on Firebase and DataSnapshot, replacing name

  • Added changeEmail()

  • Added authAnonymously(), authWithOAuthPopup(), authWithOAuthRedirect()

  • Added getAuth() and onAuth() listener

  • Added orderByChild(), orderByKey(), orderByValue(), orderByPriority()

  • Added equalTo(), limitToFirst(), limitToLast()

  • Deprecated limit on Query object

  • Added exists getter to DataSnapshot

  • Added several tests

0.3.0 #

  • Add createUser(), removeUser() and authWithPassword() (thanks to wilsynet)
  • AuthResponse.auth was changed to type JsObject

0.2.1 #

  • Added new authWithCustomToken method (thanks to rayk)
  • Deprecate auth

0.2.0+1 #

  • Updated README to include latest firebase.js link.

0.2.0 #

  • A number of breaking changes and updates.

  • A number of methods are now properties.

0.1.1+3 #

  • Fixed up tests.

  • Cleaned up library structure.


import 'dart:html';

import 'package:firebase_web/firebase.dart' as fb;
import 'package:firebase_web/src/assets/assets.dart';

main() async {
  //Use for firebase package development only
  await config();

  try {
        apiKey: apiKey,
        authDomain: authDomain,
        databaseURL: databaseUrl,
        storageBucket: storageBucket,
        projectId: projectId);

    //Your app here
  } on fb.FirebaseJsNotLoadedException catch (e) {

Use this package as a library

1. Depend on it

Add this to your package's pubspec.yaml file:

  firebase_web: ^5.0.9

2. Install it

You can install packages from the command line:

with pub:

$ pub get

with Flutter:

$ flutter pub get

Alternatively, your editor might support pub get or flutter pub get. Check the docs for your editor to learn more.

3. Import it

Now in your Dart code, you can use:

import 'package:firebase_web/firebase.dart';
import 'package:firebase_web/firebase_io.dart';
import 'package:firebase_web/firestore.dart';
Describes how popular the package is relative to other packages. [more]
Code health derived from static analysis. [more]
Reflects how tidy and up-to-date the package is. [more]
Weighted score of the above. [more]
Learn more about scoring.

We analyzed this package on Jun 5, 2020, and provided a score, details, and suggestions below. Analysis was completed with status completed using:

  • Dart: 2.8.2
  • pana: 0.13.8-dev

Health suggestions

Fix lib/src/firestore.dart. (-1 points)

Analysis of lib/src/firestore.dart reported 2 hints:

line 948 col 22: The declaration '_fromJs' isn't referenced.

line 990 col 14: The declaration '_' isn't referenced.

Maintenance suggestions

Package is getting outdated. (-13.15 points)

The package was last published 59 weeks ago.


Package Constraint Resolved Available
Direct dependencies
Dart SDK >=2.1.0 <3.0.0
googleapis_auth ^0.2.3+5 0.2.12
http >=0.11.3 <0.13.0 0.12.1
js ^0.6.0 0.6.1+1
service_worker ^0.2.0 0.2.4
Transitive dependencies
charcode 1.1.3
collection 1.14.12
convert 2.1.1
crypto 2.1.5
http_parser 3.1.4
meta 1.1.8
source_span 1.7.0
string_scanner 1.0.5
term_glyph 1.1.0
typed_data 1.1.6
Dev dependencies
build_runner ^1.0.0
build_test ^0.10.0
build_web_compilers ^1.2.0
path ^1.3.9 1.7.0
pedantic ^1.3.0 1.9.0
test ^1.6.0