メールログインでしたらこちらです。
var config = {
apiKey: "--------",
authDomain: "------",
databaseURL: "-----",
projectId: "-----",
storageBucket: "-----",
messagingSenderId: "-----"
};
の部分は置き換えてください。
${user.displayName}で名前、${user.email}でメールです。
サンプル(ログイン中ユーザーの所得)
html
1<!DOCTYPE html>
2<html>
3<head>
4 <meta charset="utf-8">
5 <title>ログイン状態の確認</title>
6</head>
7<body>
8 <h1>読み込み中...</h1>
9 <div id="info"></div>
10
11 <script src="https://www.gstatic.com/firebasejs/5.8.1/firebase-app.js"></script>
12 <script src="https://www.gstatic.com/firebasejs/5.8.1/firebase-auth.js"></script>
13 <script>
14 //----------------------------------------------
15// Firebaseの初期化
16//----------------------------------------------
17var config = {
18 apiKey: "--------",
19 authDomain: "------",
20 databaseURL: "-----",
21 projectId: "-----",
22 storageBucket: "-----",
23 messagingSenderId: "-----"
24};
25firebase.initializeApp(config);
26
27//----------------------------------------------
28// ドメインとポート番号
29//----------------------------------------------
30let domain = document.domain;
31let port = (domain === 'localhost')? 5000:80;
32 </script>
33 <script>
34 firebase.auth().onAuthStateChanged( (user) => {
35 let h1 = document.querySelector('h1');
36 let info = document.querySelector('#info');
37
38 if(user) {
39 h1.innerText = 'ログインに成功!';
40 info.innerHTML = `${user.displayName}さんがログインしました`
41 + '<ul>'
42 + `<li>${user.email}</li>`
43 + `<li>メールの確認:${user.emailVerified}(false=未確認 true=確認済み)</li>`
44 + '<ul>';
45 console.log(user);
46 }
47 else {
48 h1.innerText = 'ログインされていません。';
49 }
50 });
51 </script>
52</body>
53</html>
54