Google API 问题答案

【问题标题】：Google APIs IssueGoogle API 问题
【发布时间】：2020-09-05 15:41:43
【问题描述】：

我正在尝试在我的网站上实现“使用 google 登录”按钮。

我尝试了两个javascript：

<script>
    gapi.load('auth2', function() {
        auth2 = gapi.auth2.init({
            client_id: 'MY_CLIENT_ID.apps.googleusercontent.com',
            fetch_basic_profile: false,
            scope: "email" //I do only need the email for the moment
        });

        auth2.signIn().then(function() {
            console.log(auth2.currentUser.get().getId());
        });
    });
</script>

和“非javascript”：

<meta name="google-signin-scope" content="email">
<meta name="google-signin-client_id" content="MY_CLIENT_ID.apps.googleusercontent.com">

<script src="https://apis.google.com/js/platform.js" async defer></script>

<script>
    function google(googleUser) {
        var profile = googleUser.getBasicProfile();
        console.log("ID: " + profile.getId());
        console.log('Full Name: ' + profile.getName());
        console.log('Given Name: ' + profile.getGivenName());
        console.log('Family Name: ' + profile.getFamilyName());
        console.log("Image URL: " + profile.getImageUrl());
        console.log("Email: " + profile.getEmail());

        var id_token = googleUser.getAuthResponse().id_token;
        console.log("ID Token: " + id_token);
    }

    function fail(error) {
        console.log(error);
    }
</script>

<div class="g-signin2" data-onsuccess="google" data-onfailure="fail" data-theme="dark" data-longtitle="true"></div>

版本。

但在这两种情况下，我都会收到此错误（作为第一个脚本中的错误和第二个脚本中来自 fail() 的日志）：

TypeError: this.u3.open is not a function
    at fv.open (cb=gapi.loaded_0:250)
    at gw (cb=gapi.loaded_0:298)
    at Dx (cb=gapi.loaded_0:341)
    at $w (cb=gapi.loaded_0:337)
    at xx.<anonymous> (cb=gapi.loaded_0:338)
    at new _.rk (cb=gapi.loaded_0:188)
    at xx.Ej (cb=gapi.loaded_0:338)
    at bx.a.<computed> [as signIn] (cb=gapi.loaded_0:321)
    at login:269
    at platform.js:28

我已经在 API 开发者控制台中将我的域列入白名单...我做错了什么？

【问题讨论】：

标签： javascript html authentication google-api google-signin

【解决方案1】：

通过将ux_mode: "redirect"添加到initializator/meta标签解决

变成这样：

gapi.load('auth2', function() {
        auth2 = gapi.auth2.init({
            client_id: 'MY_CLIENT_ID.apps.googleusercontent.com',
            fetch_basic_profile: false,
            scope: "email",
            ux_mode: "redirect"
        });

        auth2.signIn().then(function() {
            console.log(auth2.currentUser.get().getId());
        });
    });

问题是现在我无法调用success() 的fail()。

我知道这是题外话，但我们将不胜感激 cmets 或 here 的任何帮助！

【讨论】：