firebaseWebLogin/index.html at main · Codeuniq/firebaseWebLogin · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE html>
<html>
<head>

  <script src="https://www.gstatic.com/firebasejs/8.8.1/firebase-app.js"></script>
  <script src="https://www.gstatic.com/firebasejs/8.8.1/firebase-analytics.js"></script>
  <script src="https://www.gstatic.com/firebasejs/8.8.1/firebase-auth.js"></script>
  <script src="https://www.gstatic.com/firebasejs/8.8.1/firebase-database.js"></script>

  <script>
    var firebaseConfig = {
      apiKey: "AIzaSyDXxFvgivpBSk5lDyvtyGZiSM-ptn2c2yc",
      authDomain: "my-first-blog-bb96b.firebaseapp.com",
      databaseURL: "https://my-first-blog-bb96b.firebaseio.com",
      projectId: "my-first-blog-bb96b",
      storageBucket: "my-first-blog-bb96b.appspot.com",
      messagingSenderId: "93968782667",
      appId: "1:93968782667:web:f05d4813ac0fb2a194c4ce",
      measurementId: "G-X581K986E8"
    };
    // Initialize Firebase
    firebase.initializeApp(firebaseConfig);
    // firebase.analytics();
  </script>
  <script src="index.js"></script>

	<title>Firebase Login</title>
  <link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700" rel="stylesheet">
  <link rel="stylesheet" href="style.css" />
</head>
<body>
	<!-- <div id="login_div" class="test"> -->
  <div id="login_div" class="main-div">
    	<h3>Firebase Web login Example</h3>
		    <input type="email" placeholder="Email..." id="email_field" />
		    <input type="password" placeholder="Password..." id="password_field" />
			  <button onclick="login()">Login to Account</button>
  	</div>

  	<div id="user_div" class="loggedin-div">
    	<h3>Welcome User</h3>
    		<p id="user_para">Welcome to Firebase web login Example. You're currently logged in.</p>
    		<button onclick="logout()">Logout</button>
  	</div>
</body>
</html>