در صورت ترجیح، می‌توانید فقط از کد جاوا اسکریپت برای راه‌اندازی درخواست One Tap یا نمایش دکمه ورود به سیستم با Google استفاده کنید.
برای پیکربندی درخواست One Tap در جاوا اسکریپت، ابتدا باید متد initialize() را فراخوانی کنید. سپس، متد prompt() را فراخوانی کنید تا UI prompt نمایش داده شود. قطعه کد زیر را ببینید:
<script>
window.onload = function () {
google.accounts.id.initialize({
client_id: 'YOUR_GOOGLE_CLIENT_ID',
callback: handleCredentialResponse
});
google.accounts.id.prompt();
}
</script>
برای دریافت اعلان‌های وضعیت UI، یک تابع callback برای متد 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>
کد مثال زیر نحوه رندر کردن دکمه One Tap و Sign in with 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>