Google APIとFirebaseでログイン認証し、YouTubeのチャンネルIDを取得してみた。【JavaScript】

<script src="https://www.gstatic.com/firebasejs/5.4.2/firebase.js"></script>
<script>
  // Initialize Firebase
  var config = {
    apiKey: "適当な文字列",
    authDomain: "プロジェクト名.firebaseapp.com",
    databaseURL: "https://プロジェクト名.firebaseio.com",
    projectId: "プロジェクト名",
    storageBucket: "プロジェクト名.appspot.com",
    messagingSenderId: "数列"
  };
  firebase.initializeApp(config);
</script>

<script src="https://www.gstatic.com/firebasejs/5.4.2/firebase.js"></script>
<script src="https://apis.google.com/js/api.js"></script>
<script>
  // Initialize Firebase
  var config = {
    apiKey: "なんか文字列",
    authDomain: "プロジェクト名.firebaseapp.com",
    databaseURL: "https://プロジェクト名.firebaseio.com",
    projectId: "プロジェクト名",
    storageBucket: "プロジェクト名.appspot.com",
    messagingSenderId: "数列",
    clientId: "文字列.apps.googleusercontent.com",
    scopes: [
        "email",
        "profile",
        "https://www.googleapis.com/auth/youtube.readonly"
    ],
    discoveryDocs: [
        "https://www.googleapis.com/discovery/v1/apis/youtube/v3/rest"
    ]
  };
  firebase.initializeApp(config);
</script>

<button onclick="youtubeLogin()" type="button">ログイン</button>

function youtubeLogin() {
    gapi.load('client:auth2', () => {
        gapi.client.init({
            apiKey: config.apiKey,
            clientId: config.clientId,
            discoveryDocs: config.discoveryDocs,
            scope: config.scopes.join(' '),
        }).then(() => {
            gapi.client.load('youtube', 'v3', () => {
                if (gapi.auth2.getAuthInstance().isSignedIn.get()) {
                    // サインイン済みの場合
                    var usr = gapi.auth2.getAuthInstance().currentUser.get();
                    var token = usr.getAuthResponse().id_token;
                    firebaseLogin(token);
                    
                } else {
                    gapi.auth2.getAuthInstance().signIn().then(() => {
                        // サインインする
                        var usr = gapi.auth2.getAuthInstance().currentUser.get();
                        var token = usr.getAuthResponse().id_token;
                        firebaseLogin(token);
                    }).catch(error => { console.log(error) })
                }
            })
        }).catch(function(error) {
            console.log(error);
            alert(error.message);
        });
    })
}

// Firebase側でログインをする
function firebaseLogin(token) {
    var creds = firebase.auth.GoogleAuthProvider.credential(token);
    firebase.auth().signInAndRetrieveDataWithCredential(creds).then((result) => {
        if (result) {
            let user = result.user;
            console.log(user);
            // ログインできたのでどっかに遷移するとか
        }
     }).catch (error => {
         console.log(error);
     })
}

function getChannelID() {
    var request = gapi.client.youtube.channels.list({
        mine: true,
        part: 'contentDetails'
      });
    request.execute(function(response) {
        playlistId = response.result.items[0].id;
        console.log(playlistId); // これがチャンネルIDだああああああああああ
    });
}