为什么 Django 中的 Google-Auth(Google Identity) 弹出窗口空白？

发布于 2025-01-12 05:11:23 字数 1552 浏览 6 评论 0原文

我的 Google 身份验证卡在弹出身份验证流程中。一键式身份验证工作正常，但按钮

不行。我点击它，弹出窗口打开，但它仍然空白，没有任何进展。

<script>
   function handleCredentialResponse(response) {
     console.log("Encoded JWT ID token: " + response.credential);
     ...
    }
   window.onload = function () {
     google.accounts.id.initialize({
       client_id: "531144-------",
       callback: handleCredentialResponse
     });
     google.accounts.id.renderButton(
       document.getElementById("g_id_signin"),
       { theme: "outline", size: "large" }  // customization attributes
     );
     google.accounts.id.prompt(); // also display the One Tap dialog
   }
</script>
<div id="g_id_signin"></div>

我拥有所有域，在授权重定向 URI 和重定向中添加了 localhost。但我仍然无法让弹出窗口填充并完成身份验证流程。任何帮助表示赞赏。

此时我在 FIREFOX 中遇到的错误：

未捕获类型错误：window.opener 为 null li https://ssl.gstatic.com/_/gsi/_/js/k=gsi.gsi.en.i....O/am=wg/d=1/rs=AF0... w/m=credential_page_library:291 mi https://ssl.gstatic.com/_/gsi/_/js/k=gsi.gsi.en.i.....O/am=wg/d=1/rs=AF0.. .w/m=credential_page_library:29

在 CHROME 中：

未捕获的类型错误：无法读取 null 的属性（正在读取 '发布消息') 在李 (m=credential_page_library:291:151)

原文

My Google Auth is Stuck in the popup auth flow. The one-tap authentication works just fine but not the button<div id="g_id_signin"></div>. I click on it, the popup opens but it remains there blank with no progress.

<script>
   function handleCredentialResponse(response) {
     console.log("Encoded JWT ID token: " + response.credential);
     ...
    }
   window.onload = function () {
     google.accounts.id.initialize({
       client_id: "531144-------",
       callback: handleCredentialResponse
     });
     google.accounts.id.renderButton(
       document.getElementById("g_id_signin"),
       { theme: "outline", size: "large" }  // customization attributes
     );
     google.accounts.id.prompt(); // also display the One Tap dialog
   }
</script>
<div id="g_id_signin"></div>

I have all the domains, localhost added in Authorized redirect URIs and Redirects. But I still can't get the popup to populate and complete the authentication flow.
Any help is appreciated.

At this point the error I am getting in FIREFOX:

Uncaught TypeError: window.opener is null
li https://ssl.gstatic.com/_/gsi/_/js/k=gsi.gsi.en.i....O/am=wg/d=1/rs=AF0...w/m=credential_page_library:291
mi https://ssl.gstatic.com/_/gsi/_/js/k=gsi.gsi.en.i.....O/am=wg/d=1/rs=AF0...w/m=credential_page_library:29

And in CHROME: