如果您愿意,可以仅使用 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>