firebase_dart_ui 0.0.1 copy "firebase_dart_ui: ^0.0.1" to clipboard
firebase_dart_ui: ^0.0.1 copied to clipboard

discontinued
outdatedDart 1 only

An Angular Dart wrapper for Firebase UI.

firebase_dart_ui #

A dart wrapper for https://github.com/firebase/firebaseui-web. FirebaseUI is a Javascript library maintained by the Firebase team that provides sign on flows. This library provides a Dart wrapper around FirebaseUI as an Angular component.

A demo app is hosted online here

The Angular component <firebase-auth-ui> will handle Firebase Authentication for your application.

The component is visible when the user has not been authenticated. It presents a dialog with the various social login and email providers that have been configured. Once the user has authenticated, the components display attribute is set to none. Embed this component on your landing page for your SPA application.

Important #

You must add these lines to your index.html <head> section:

<script src="https://www.gstatic.com/firebasejs/4.8.0/firebase.js"></script>
<script src="https://cdn.firebase.com/libs/firebaseui/2.5.1/firebaseui.js"></script>
<link type="text/css" rel="stylesheet" href="https://cdn.firebase.com/libs/firebaseui/2.5.1/firebaseui.css" />

See the example/ application.

Running the demo #

With DDC:

cd example
pub serve
# open localhost:8080

To use your our own Firebase project to test, you must edit main.dart and enter in your project credentials. Also edit example/.firebaserc and enter your project name.

Build and deploy the example:

cd example
pub build
firebase deploy

Known Issues #

  • The provider implementations need to be fleshed out (phone provider, for example)
  • The signInSuccess callback does not get invoked. JS interop issue. Suggestions welcome.
0
likes
0
pub points
0%
popularity

Publisher

unverified uploader

An Angular Dart wrapper for Firebase UI.

Repository (GitHub)
View/report issues

License

unknown (license)

Dependencies

angular, firebase, func, js

More

Packages that depend on firebase_dart_ui