firebase_auth_web 0.1.1+4

  • Readme
  • Changelog
  • Installing
  • 88

firebase_auth_web #

The web implementation of firebase_auth.

Usage #

Import the package #

This package is the endorsed implementation of firebase_auth for the web platform since version 0.15.2, so it gets automatically added to your dependencies by depending on firebase_core: ^0.15.2.

No modifications to your pubspec.yaml should be required in a recent enough version of Flutter (>=1.12.13+hotfix.4):

...
dependencies:
  ...
  firebase_auth: ^0.15.2
  ...

Updating index.html

Due to this bug in dartdevc, you will need to manually add the Firebase JavaScript file to your index.html file.

In your app directory, edit web/index.html to add the line:

<html>
    ...
    <body>
        <script src="https://www.gstatic.com/firebasejs/7.5.0/firebase-app.js"></script>
        <script src="https://www.gstatic.com/firebasejs/7.5.0/firebase-auth.js"></script>
        <!-- Other firebase SDKs/config here -->
        <script src="main.dart.js"></script>
    </body>
</html>

Initialize Firebase #

If your app is using the "default" Firebase app (this means that you're not doing any package:firebase_core initialization yourself), you need to initialize it now, following the steps in the Firebase Web Setup docs.

Specifically, you'll want to add the following lines to your web/index.html file:

<body>
  <!-- Previously loaded Firebase SDKs -->

  <!-- ADD THIS BEFORE YOUR main.dart.js SCRIPT -->
  <script>
    // TODO: Replace the following with your app's Firebase project configuration.
    // See: https://support.google.com/firebase/answer/7015592
    var firebaseConfig = {
      apiKey: "...",
      authDomain: "[YOUR_PROJECT].firebaseapp.com",
      databaseURL: "https://[YOUR_PROJECT].firebaseio.com",
      projectId: "[YOUR_PROJECT]",
      storageBucket: "[YOUR_PROJECT].appspot.com",
      messagingSenderId: "...",
      appId: "1:...:web:...",
      measurementId: "G-..."
    };
    // Initialize Firebase
    firebase.initializeApp(firebaseConfig);
  </script>
  <!-- END OF FIREBASE INIT CODE -->

  <script src="main.dart.js"></script>
</body>

Using the plugin #

Once you have modified your web/index.html file you should be able to use package:firebase_auth as normal.

Examples #

  • The example app in package:firebase_auth has an implementation of this instructions.

0.1.1+4 #

  • Prevent null users (unauthenticated) from breaking the onAuthStateChanged Stream.
  • Migrate tests from jsify to package:js.

0.1.1+3 #

  • Fix the tests on dart2js.

0.1.1+2 #

  • Update setup instructions in the README.

0.1.1+1 #

0.1.1 #

  • Require Flutter SDK version 1.12.13+hotfix.4 or later.
  • Add fake podspec so we don't break compilation on iOS.
  • Fix homepage.

0.1.0+2 #

  • Remove the deprecated author: field from pubspec.yaml.
  • Bump the minimum Flutter version to 1.10.0.

0.1.0+1 #

  • Fixed serialization error for creationTime and lastSignInTime being RFC 1123.

0.1.0 #

  • Initial open-source release.

Use this package as a library

1. Depend on it

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


dependencies:
  firebase_auth_web: ^0.1.1+4

2. Install it

You can install packages from the command line:

with Flutter:


$ flutter pub get

Alternatively, your editor might support 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_auth_web/firebase_auth_web.dart';
  
Popularity:
Describes how popular the package is relative to other packages. [more]
89
Health:
Code health derived from static analysis. [more]
100
Maintenance:
Reflects how tidy and up-to-date the package is. [more]
70
Overall:
Weighted score of the above. [more]
88
Learn more about scoring.

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

  • Dart: 2.7.0
  • pana: 0.13.4
  • Flutter: 1.12.13+hotfix.5

Maintenance suggestions

The package description is too short. (-20 points)

Add more detail to the description field of pubspec.yaml. Use 60 to 180 characters to describe the package, what it does, and its target use case.

Maintain an example. (-10 points)

Create a short demo in the example/ directory to show how to use this package.

Common filename patterns include main.dart, example.dart, and firebase_auth_web.dart. Packages with multiple examples should provide example/README.md.

For more information see the pub package layout conventions.

Dependencies

Package Constraint Resolved Available
Direct dependencies
Dart SDK >=2.0.0-dev.28.0 <3.0.0
firebase ^7.0.0 7.2.0
firebase_auth_platform_interface ^1.0.0 1.1.5
flutter 0.0.0
flutter_web_plugins 0.0.0
http_parser ^3.1.3 3.1.3
js ^0.6.1 0.6.1+1
meta ^1.1.7 1.1.8
Transitive dependencies
async 2.4.0
charcode 1.1.2
collection 1.14.11 1.14.12
http 0.12.0+4
path 1.6.4
pedantic 1.9.0
sky_engine 0.0.99
source_span 1.6.0
string_scanner 1.0.5
term_glyph 1.1.0
typed_data 1.1.6
vector_math 2.0.8
Dev dependencies
firebase_auth
firebase_core_platform_interface ^1.0.0
firebase_core_web
flutter_test