使用 JavaScript API

如果愿意,您可以只使用 JavaScript 代码来触发一键式提示或呈现“使用 Google 帐号登录”按钮。

如需在 JavaScript 中配置“一键恢复”提示,您首先需要调用 initialize() 方法。然后,调用 prompt() 方法以显示提示界面。请参阅以下代码段:

<script>
  window.onload = function () {
    google.accounts.id.initialize({
      client_id: 'YOUR_GOOGLE_CLIENT_ID',
      callback: handleCredentialResponse
    });
    google.accounts.id.prompt();
  }
</script>

如需接收提示界面状态通知,请向 prompt() 方法提供回调函数。请参阅以下代码段:

<script>
  window.onload = function () {
    google.accounts.id.initialize({
      client_id: 'YOUR_GOOGLE_CLIENT_ID',
      callback: handleCredentialResponse
    });
    google.accounts.id.prompt((notification) => {
        if (notification.isNotDisplayed() || notification.isSkippedMoment()) {
            // try next provider if OneTap is not displayed or skipped
        }
    });
  }
</script>

以下示例代码展示了如何在 JavaScript 中同时呈现“点按一次”和“使用 Google 帐号登录”按钮。

<script>
  window.onload = function () {
    google.accounts.id.initialize({
      client_id: 'YOUR_GOOGLE_CLIENT_ID',
      callback: handleCredentialResponse
    });
    const parent = document.getElementById('google_btn');
    google.accounts.id.renderButton(parent, {theme: "filled_blue"});
    google.accounts.id.prompt();
  }
</script>