利用角实现Google一键登录

Question

navbar.template.html

   <div id="g_id_onload"
         data-client_id="832#################m921.apps.googleusercontent.com"
         data-cancel_on_tap_outside="false"
         data-login_uri="http://localhost:3010/auth/g-one-tap"
         data-callback="handleCredentialResponse">
    </div>

API获取我能够验证用户并返回已验证的JWT令牌的响应，如何捕获响应并避免将页面重定向到http://localhost:3010/auth/g-one-tap

我怎样才能让我们的一些点击功能来使用在类型文件，这可以帮助跟踪正常的登录流，我在前面使用的谷歌登录按钮。

 public socialSignIn(responseData) {
         this.googleSubscription = this._globalService.googleLogin(responseData)
                .subscribe(
                    data => {
                        if (data['success']) {
                            const token = data['data']['token'];

                            if (this.platformId === 'browser') {
                               // login to save the token
                            }

                        }
                    },
                    error => {
                        console.log('error');
                    }
                );
    }

Answer 1

正如前面提到的这里，您不应该同时使用data-login_uri和data-callbck属性。

您需要删除代码中的data-login_uri属性。并为回调函数(代码中的名称为handleCredentialResponse )提供一个实现(如果还没有实现的话)。