Google 身份验证空白弹出窗口问题：终极解决指南

javascript

2024-03-21 11:31:57

Google 身份验证空白弹出窗口问题的终极指南

在享受 Google 无缝身份验证体验的过程中，有时您可能会遇到一个令人烦恼的错误：点击“稍后再说”后，建议屏幕上的弹出窗口变为空白。这种中断既令人沮丧又令人困惑，可能会阻碍您的身份验证过程。但别担心，我们在这里为您提供帮助。

问题：Google 身份验证空白弹出窗口

当您在建议屏幕上选择“稍后再说”时，Google 身份验证流会出现故障，弹出窗口中会出现空白屏幕。此问题源于弹出窗口在从 accounts.google.com 重定向到 gds.google.com 时丢失了对网站窗口的引用。

解决方案：

1. 检查 Cross-Origin-Opener-Policy 标头

Cross-Origin-Opener-Policy: same-origin-allow-popups 标头确保您的 Web 应用程序允许在从外部来源重定向后打开弹出窗口。确保已正确设置此标头。

2. 检查重定向 URL

验证从 accounts.google.com 到 gds.google.com 的重定向是否必要。如果不需要，请将其删除。

3. 验证弹出窗口脚本

弹出窗口脚本负责处理从 accounts.google.com 到 gds.google.com 的重定向。确保脚本使用适当的事件处理程序来处理此重定向。

4. 使用后备身份验证机制

如果无法解决重定向问题，请考虑实现后备身份验证机制，例如电子邮件验证或电话号码验证。这将提供额外的安全性和验证方式。

5. 详细代码示例

window.google.accounts.id.initialize({
  callback: function(response) {
    if (response.error) {
      // Handle error
    } else {
      // Handle successful authentication
    }
  },
  'ux_mode': 'popup',
  'redirect_uri': 'https://your-redirect-uri.com'
});