@@ -34,15 +34,54 @@ Ionic...) nor Chrome extensions.
34
34
35
35
## Installation
36
36
37
+ ### CDN
38
+
37
39
You just need to include the following script and CSS file in the ` <head> ` tag of your page,
38
40
below the initialization snippet from the Firebase Console:
39
41
40
42
``` html
41
- <script src =" https://www.gstatic.com/firebasejs/ui/live/1.0/firebase-ui-auth.js" ></script >
42
- <link type =" text/css" rel =" stylesheet" href =" https://www.gstatic.com/firebasejs/ui/live/1.0/firebase-ui-auth.css" />
43
+ <script src =" https://cdn.firebase.com/libs/firebaseui/1.0.0/firebaseui.js" ></script >
44
+ <link type =" text/css" rel =" stylesheet" href =" https://cdn.firebase.com/libs/firebaseui/1.0.0/firebaseui.css" />
45
+ ```
46
+
47
+ ### npm Module
48
+
49
+ Install FirebaseUI and its dependencies via npm using the following command:
50
+
51
+ ``` bash
52
+ $ npm install firebaseui --save
53
+ ```
54
+
55
+ You can then ` require ` the following modules within your source files:
56
+
57
+ ``` javascript
58
+ var firebase = require (' firebase' );
59
+ var firebaseui = require (' firebaseui' );
60
+ ```
61
+
62
+ Or include the required files in your HTML, if your HTTP Server serves the files
63
+ within ` node_modules/ ` :
64
+
65
+ ``` html
66
+ <script src =" node_modules/firebaseui/dist/firebaseui.js" ></script >
67
+ <link type =" text/css" rel =" stylesheet" href =" node_modules/firebaseui/dist/firebaseui.css" />
43
68
```
44
69
45
- You can then serve your app locally using ` firebase serve ` .
70
+ ### Bower component
71
+
72
+ Install FirebaseUI and its dependencies via Bower using the following command:
73
+
74
+ ``` bash
75
+ $ bower install firebaseui --save
76
+ ```
77
+
78
+ You can then include the required files in your HTML, if your HTTP Server serves the files
79
+ within ` bower_components/ ` :
80
+
81
+ ``` html
82
+ <script src =" bower_components/firebaseui/dist/firebaseui.js" ></script >
83
+ <link type =" text/css" rel =" stylesheet" href =" bower_components/firebaseui/dist/firebaseui.css" />
84
+ ```
46
85
47
86
## Using FirebaseUI for Authentication
48
87
@@ -94,8 +133,8 @@ example, showcasing a Single Page Application mode.
94
133
* TODO(DEVELOPER): Paste the initialization snippet from:
95
134
* Firebase Console > Overview > Add Firebase to your web app. *
96
135
***************************************************************************************** -->
97
- <script src =" https://www.gstatic .com/firebasejs/ui/live/ 1.0/firebase-ui-auth .js" ></script >
98
- <link type =" text/css" rel =" stylesheet" href =" https://www.gstatic .com/firebasejs/ui/live/ 1.0/firebase-ui-auth .css" />
136
+ <script src =" https://cdn.firebase .com/libs/firebaseui/ 1.0.0/firebaseui .js" ></script >
137
+ <link type =" text/css" rel =" stylesheet" href =" https://cdn.firebase .com/libs/firebaseui/ 1.0.0/firebaseui .css" />
99
138
<script type =" text/javascript" >
100
139
// FirebaseUI config.
101
140
var uiConfig = {
@@ -305,8 +344,8 @@ If the callback returns `false` or nothing, the page is not automatically redire
305
344
* TODO(DEVELOPER): Paste the initialization snippet from:
306
345
* Firebase Console > Overview > Add Firebase to your web app. *
307
346
***************************************************************************************** -->
308
- <script src =" https://www.gstatic .com/firebasejs/ui/live/ 1.0/firebase-ui-auth .js" ></script >
309
- <link type =" text/css" rel =" stylesheet" href =" https://www.gstatic .com/firebasejs/ui/live/ 1.0/firebase-ui-auth .css" />
347
+ <script src =" https://cdn.firebase .com/libs/firebaseui/ 1.0.0/firebaseui .js" ></script >
348
+ <link type =" text/css" rel =" stylesheet" href =" https://cdn.firebase .com/libs/firebaseui/ 1.0.0/firebaseui .css" />
310
349
<script type =" text/javascript" >
311
350
// FirebaseUI config.
312
351
var uiConfig = {
0 commit comments