Gelung ubah hala tanpa had pada log masuk satu klik Google

Question

Saya tidak menemui sebarang dokumentasi di Google One Tap UX dan cara mengekalkan status log masuk selepas ubah hala log masuk. Saya menggunakan api html, sila lihat kod di sini:

setTimeout(function () {
    let target = document.getElementById('google-signin');
    target.innerHTML = '<div id="g_id_onload" data-client_id="x" data-context="signin" data-login_uri="https://x/account/google/callback" data-auto_select="true" data-itp_support="true"></div>';
    var s = document.createElement("script");
        s.src = 'https://accounts.google.com/gsi/client';
        
        document.head.appendChild(s);
        
        console.log('appended script', s);
    }, 30000);
</script>

Pada asasnya, saya melambatkan pop timbul log masuk ini selama 30 saat, bahagian itu berfungsi dengan baik, tetapi tidak lama selepas ini berlaku:

1. Log masuk berlaku
2. Ubah hala telah berlaku
3. Pelayan mengubah hala kembali ke halaman rujukan
4. Selepas 30 saat, proses bermula semula

Saya akan menyangka bahawa google sdk akan menetapkan kuki di suatu tempat atau sesuatu, tetapi saya rasa ia tidak, atau saya harus mengendalikan status log masuk berterusan dengan cara saya sendiri. Saya hanya ingin tahu pendekatan yang betul di sini.

Soalan saya ialah: Bagaimana Google tahu jika pengguna log masuk menggunakan Google One Tap UX?

Answer 1

Datang dengan penyelesaian. Google membenarkan anda meletakkan kuki yang dipanggil data-skip_prompt_cookie="yourcookie" pada teg div yang akan melangkau gesaan satu klik jika kuki itu mempunyai nilai sebenar.

Apa yang saya lakukan ialah dalam panggilan balik pelayan dalam asp.net saya menambahkan kuki pada respons. Ini memastikan bahawa gesaan hanya dilumpuhkan selepas seseorang benar-benar log masuk.

Response.Cookies.Append(
            "yourcookie", "true");

Ini memastikan bahawa apabila pelayan saya mengubah hala semula ke halaman asal, kuki itu ada dan satu klik tidak berlaku lagi