Referensi Login dengan Google HTML API

Tetap teratur dengan koleksi Simpan dan kategorikan konten berdasarkan preferensi Anda.

Halaman referensi ini menjelaskan API atribut data Login dengan Google. Anda dapat menggunakan API untuk menampilkan perintah Sekali Ketuk atau tombol Login dengan Google di halaman web Anda.

Elemen dengan ID "g_id_onload"

Anda dapat menempatkan atribut data Login dengan Google di elemen yang terlihat atau tidak terlihat, seperti <div> dan <span>. Satu-satunya persyaratan adalah ID elemen ditetapkan ke g_id_onload. Jangan tempatkan ID ini pada beberapa elemen.

Atribut data

Tabel berikut mencantumkan atribut data beserta deskripsinya:

Atribut
data-client_id Client ID aplikasi Anda
data-auto_prompt Tampilkan ketuk Google One.
data-auto_select Mengaktifkan pemilihan otomatis di Google One Tap.
data-login_uri URL endpoint login Anda
data-callback Nama fungsi pengendali token ID JavaScript
data-native_login_uri URL endpoint pengendali kredensial sandi Anda
data-native_callback Nama fungsi pengendali kredensial sandi JavaScript
data-native_id_param Nama parameter untuk nilai credential.id
data-native_password_param Nama parameter untuk nilai credential.password
data-cancel_on_tap_outside Mengontrol apakah akan membatalkan perintah jika pengguna mengklik di luar perintah.
data-prompt_parent_id ID DOM elemen penampung perintah One Tap
data-skip_prompt_cookie Melewati Satu Ketuk jika cookie yang ditentukan tidak memiliki nilai.
data-nonce String acak untuk token ID
data-context Judul dan kata di perintah Sekali Ketuk
data-moment_callback Nama fungsi pemroses notifikasi status UI perintah
data-state_cookie_domain Jika Anda perlu memanggil Sekali Ketuk di domain induk dan subdomainnya, teruskan domain induk ke atribut ini agar satu cookie bersama digunakan.
data-ux_mode Alur UX tombol Login dengan Google
data-allowed_parent_origin Asal yang diizinkan menyematkan iframe perantara. Ketuk sekali akan berjalan dalam mode iframe menengah jika atribut ini disajikan.
data-intermediate_iframe_close_callback Mengganti perilaku iframe perantara default saat pengguna menutup One Tap secara manual.
data-itp_support Mengaktifkan UX Sekali Ketuk yang diupgrade di browser ITP.

Jenis atribut

Bagian berikut berisi detail tentang jenis dan contoh setiap atribut.

id-klien_data

Atribut ini adalah client ID aplikasi Anda, yang ditemukan dan dibuat di Google Developers Console. Lihat tabel berikut untuk informasi lebih lanjut:

Jenis Wajib Contoh
string Ya data-client_id="CLIENT_ID.apps.googleusercontent.com"

data-auto_prompt

Atribut ini menentukan apakah akan menampilkan Sekali ketuk atau tidak. Nilai defaultnya adalah true. Ketuk Google One tidak akan ditampilkan jika nilai ini adalah false. Lihat tabel berikut untuk informasi lebih lanjut:

Jenis Wajib Contoh
boolean Opsional data-auto_prompt="true"

data-auto_select

Atribut ini menentukan apakah akan menampilkan token ID secara otomatis atau tidak, tanpa interaksi pengguna apa pun, jika hanya satu sesi Google yang menyetujui aplikasi Anda. Nilai defaultnya adalah false. Lihat tabel berikut untuk informasi lebih lanjut:

Jenis Wajib Contoh
boolean Opsional data-auto_select="true"

data-login_uri

Atribut ini adalah URI dari endpoint login Anda. Dapat dihilangkan jika halaman saat ini adalah halaman login Anda, sehingga kredensial diposting ke halaman ini secara default.

Respons kredensial token ID diposting ke endpoint login Anda saat tidak ada fungsi callback yang ditentukan dan pengguna mengklik tombol Login dengan Google atau Sekali Ketuk, atau login otomatis terjadi.

Lihat tabel berikut untuk informasi lebih lanjut:

Jenis Opsional Contoh
URL Default-nya adalah URI halaman saat ini, atau nilai yang Anda tentukan.
Diabaikan saat data-ux_mode="popup" dan data-callback ditetapkan.		 data-login_uri="https://www.example.com/login"

Endpoint login Anda harus menangani permintaan POST yang berisi kunci credential dengan nilai token ID dalam isi.

Berikut adalah contoh permintaan ke endpoint login Anda:

POST /login HTTP/1.1
Host: www.example.com
Content-Type: application/x-www-form-urlencoded

credential=ID_TOKEN

callback data

Atribut ini adalah nama fungsi JavaScript yang menangani token ID yang ditampilkan. Lihat tabel berikut untuk informasi lebih lanjut:

Jenis Wajib Contoh
string Wajib jika data-login_uri tidak ditetapkan. data-callback="handleToken"

Salah satu dari atribut data-login_uri dan data-callback mungkin digunakan. Ini bergantung pada komponen dan konfigurasi mode UX berikut:

  • Atribut data-login_uri diperlukan untuk tombol UX redirecttombol Login dengan Google, yang mengabaikan atribut data-callback.

  • Salah satu dari dua atribut ini harus ditetapkan untuk Google One Tap dan tombol UX popup Login dengan Google. Jika keduanya ditetapkan, atribut data-callback memiliki prioritas lebih tinggi.

Fungsi JavaScript dalam namespace tidak didukung oleh HTML API. Sebagai gantinya, gunakan fungsi JavaScript global tanpa namespace. Misalnya, gunakan mylibCallback, bukan mylib.callback.

data_native_login_uri

Atribut ini adalah URL endpoint pengendali kredensial sandi Anda. Jika Anda menyetel atribut data-native_login_uri atau atribut data-native_callback, library JavaScript akan kembali ke pengelola kredensial native saat tidak ada sesi Google. Anda tidak diizinkan untuk menetapkan atribut data-native_callback dan data-native_login_uri. Lihat tabel berikut untuk informasi lebih lanjut:

Jenis Wajib Contoh
string Opsional data-login_uri="https://www.example.com/password_login"

callback-native-data

Atribut ini adalah nama fungsi JavaScript yang menangani kredensial sandi yang ditampilkan dari pengelola kredensial native browser. Jika Anda menetapkan atribut data-native_login_uri atau atribut data-native_callback, library JavaScript akan kembali ke pengelola kredensial native saat tidak ada sesi Google. Anda tidak diizinkan untuk menetapkan data-native_callback dan data-native_login_uri. Lihat tabel berikut untuk mengetahui informasi lebih lanjut:

Jenis Wajib Contoh
string Opsional data-native_callback="handlePasswordCredential"

Fungsi JavaScript dalam namespace tidak didukung oleh HTML API. Sebagai gantinya, gunakan fungsi JavaScript global tanpa namespace. Misalnya, gunakan mylibCallback, bukan mylib.callback.

data-native_id_param

Saat mengirimkan kredensial sandi ke endpoint pengendali kredensial sandi, Anda dapat menentukan nama parameter untuk kolom credential.id. Nama defaultnya adalah email. Lihat tabel berikut untuk informasi lebih lanjut:

Jenis Wajib Contoh
URL Opsional data-native_id_param="user_id"

data_native_password_param

Saat mengirimkan kredensial sandi ke endpoint pengendali kredensial sandi, Anda dapat menentukan nama parameter untuk nilai credential.password. Nama default-nya adalah password. Lihat tabel berikut untuk informasi selengkapnya:

Jenis Wajib Contoh
URL Opsional data-native_password_param="pwd"

data-cancel_on_tap_luar

Atribut ini menetapkan apakah akan membatalkan permintaan Sekali Ketuk atau tidak jika pengguna mengklik di luar perintah. Nilai default-nya adalah true. Untuk menonaktifkannya, tetapkan nilai ke false. Lihat tabel berikut untuk informasi lebih lanjut:

Jenis Wajib Contoh
boolean Opsional data-cancel_on_tap_outside="false"

data-prompt_parent_id

Atribut ini menetapkan ID DOM elemen penampung. Jika tidak disetel, perintah Ketuk Satu Kali akan ditampilkan di sudut kanan atas jendela. Lihat tabel berikut untuk informasi lebih lanjut:

Jenis Wajib Contoh
string Opsional data-prompt_parent_id="parent_id"

Atribut ini melewati One Tap jika cookie yang ditentukan memiliki nilai yang tidak kosong. Lihat tabel berikut untuk informasi lebih lanjut:

Jenis Wajib Contoh
string Opsional data-skip_prompt_cookie="SID"

non-data

Atribut ini adalah string acak yang digunakan oleh token ID untuk mencegah serangan replay. Lihat tabel berikut untuk informasi lebih lanjut:

Jenis Wajib Contoh
string Opsional data-nonce="biaqbm70g23"

Panjang nonce dibatasi pada ukuran JWT maksimum yang didukung oleh lingkungan Anda, serta batasan ukuran HTTP browser dan server individual.

konteks data

Atribut ini mengubah teks judul dan pesan yang ditampilkan di perintah Sekali Ketuk. Lihat tabel berikut untuk informasi lebih lanjut:

Jenis Wajib Contoh
string Opsional data-context="use"

Tabel berikut mencantumkan konteks yang tersedia dan deskripsinya:

Konteks
signin "Login dengan Google"
signup "Daftar dengan Google"
use "Gunakan dengan Google"

data-moment_callback

Atribut ini adalah nama fungsi dari pemroses notifikasi status UI perintah. Untuk informasi selengkapnya, lihat jenis data PromptMomentNotification. Lihat tabel berikut untuk informasi lebih lanjut:

Jenis Wajib Contoh
string Opsional data-moment_callback="logMomentNotification"

Fungsi JavaScript dalam namespace tidak didukung oleh HTML API. Sebagai gantinya, gunakan fungsi JavaScript global tanpa namespace. Misalnya, gunakan mylibCallback, bukan mylib.callback.

Jika Anda perlu menampilkan One Tap di domain induk dan subdomainnya, teruskan domain induk ke atribut ini sehingga satu cookie status bersama digunakan. Lihat tabel berikut untuk informasi lebih lanjut:

Jenis Wajib Contoh
string Opsional data-state_cookie_domain="example.com"

data-ux_mode

Atribut ini menetapkan alur UX yang digunakan oleh tombol Login dengan Google. Nilai defaultnya adalah popup. Atribut ini tidak berdampak pada UX Sekali Ketuk. Lihat tabel berikut untuk informasi lebih lanjut:

Jenis Wajib Contoh
string Opsional data-ux_mode="redirect"

Tabel berikut mencantumkan mode UX yang tersedia dan deskripsinya.

Mode UX
popup Melakukan alur UX login di jendela pop-up.
redirect Melakukan alur UX login dengan pengalihan halaman penuh.

data-allowed_parent_origin

Asal yang diizinkan menyematkan iframe perantara. Sekali Ketuk akan berjalan dalam mode iframe perantara jika atribut ini ditampilkan. Lihat tabel berikut untuk informasi lebih lanjut:

Jenis Wajib Contoh
string atau array string Opsional data-allowed_parent_origin="https://example.com"

Tabel berikut mencantumkan jenis nilai yang didukung dan deskripsinya.

Jenis Nilai
string URI domain tunggal. "https://contoh.com"
string array Daftar URI domain yang dipisahkan koma. "https://news.example.com,https://local.example.com"

Jika nilai atribut data-allowed_parent_origin tidak valid, inisialisasi Satu Ketuk mode iframe menengah akan gagal dan berhenti.

Awalan karakter pengganti juga didukung. Misalnya, "https://*.example.com" akan cocok dengan example.com dan subdomainnya di semua tingkat (misalnya, news.example.com, login.news.example.com). Hal-hal yang perlu diperhatikan saat menggunakan karakter pengganti:

  • String pola tidak boleh hanya terdiri dari karakter pengganti dan domain level teratas. Misalnya, https://*.com dan https://*.co.uk tidak valid; Seperti disebutkan di atas, "https://*.example.com" akan cocok dengan example.com dan subdomainnya. Anda juga dapat menggunakan daftar yang dipisahkan koma untuk mewakili 2 domain yang berbeda. Misalnya, "https://example1.com,https://*.example2.com" akan cocok dengan domain example1.com, example2.com, dan subdomain dari example2.com
  • Domain karakter pengganti harus dimulai dengan skema https:// yang aman. "*.example.com" akan dianggap tidak valid.

data-intermediate_iframe_close_callback

Mengganti perilaku iframe perantara default saat pengguna menutup Satu Ketuk secara manual dengan mengetuk tombol 'X' di UI Sekali Ketuk. Perilaku default-nya adalah segera menghapus iframe perantara dari DOM.

Kolom data-intermediate_iframe_close_callback hanya berlaku dalam mode iframe perantara. Dan hal ini hanya berdampak pada iframe menengah, bukan iframe Sekali Ketuk. UI Sekali Ketuk dihapus sebelum callback dipanggil.

Jenis Wajib Contoh
fungsi Opsional data-intermediate_iframe_close_callback="logBeforeClose"

Fungsi JavaScript dalam namespace tidak didukung oleh HTML API. Sebagai gantinya, gunakan fungsi JavaScript global tanpa namespace. Misalnya, gunakan mylibCallback, bukan mylib.callback.

data-itp_dukungan

Kolom ini menentukan apakah UX Satu Ketuk yang diupgrade harus diaktifkan di browser yang mendukung Intelligent Tracking Prevention (ITP). Nilai defaultnya adalah false. Lihat tabel berikut untuk informasi lebih lanjut:

Jenis Wajib Contoh
boolean Opsional data-itp_support="true"

Elemen dengan class "g_id_signin"

Jika Anda menambahkan g_id_signin ke atribut class elemen, elemen ini akan dirender sebagai tombol Login dengan Google.

Anda dapat merender beberapa tombol Login dengan Google di halaman yang sama. Setiap tombol dapat memiliki setelan visualnya sendiri. Setelan ditentukan oleh atribut data berikut ini.

Atribut Data Visual

Tabel berikut mencantumkan atribut data visual dan deskripsinya:

Atribut
data-type Jenis tombol: ikon, atau tombol standar.
data-theme Tema tombol. Misalnya, terisi_biru atau terisi_hitam.
data-size Ukuran tombol. Misalnya, kecil atau besar.
data-text Teks tombol. Misalnya, "Login dengan Google" atau "Daftar dengan Google".
data-shape Bentuk tombol. Misalnya, persegi panjang atau lingkaran.
data-logo_alignment Perataan logo Google: kiri atau tengah.
data-width Lebar tombol, dalam piksel.
data-locale Teks tombol dirender dalam bahasa yang ditetapkan dalam atribut ini.
data-click_listener Jika disetel, fungsi ini akan dipanggil saat tombol Login dengan Google diklik.

Jenis atribut

Bagian berikut berisi detail tentang jenis dan contoh setiap atribut.

jenis-data

Jenis tombol. Nilai default-nya adalah standard. Lihat tabel berikut untuk mengetahui informasi lebih lanjut:

Jenis Wajib Contoh
string Ya data-type="icon"

Tabel berikut mencantumkan jenis tombol yang tersedia dan deskripsinya:

Jenis
standard Tombol dengan teks atau informasi yang dipersonalisasi:
icon Tombol ikon tanpa teks:

tema-data

Tema tombol. Nilai default-nya adalah outline. Lihat tabel berikut untuk mengetahui informasi lebih lanjut:

Jenis Wajib Contoh
string Opsional data-theme="filled_blue"

Tabel berikut mencantumkan tema yang tersedia dan deskripsinya:

Tema
outline Tema tombol standar:
Tombol standar dengan latar belakang putih Tombol ikon dengan latar belakang putih Tombol yang dipersonalisasi dengan latar belakang putih
filled_blue Tema tombol berwarna biru:
Tombol standar dengan latar belakang biru Tombol ikon dengan latar belakang biru Tombol yang dipersonalisasi dengan latar belakang biru
filled_black Tema tombol berwarna hitam:
Tombol standar dengan latar belakang hitam Tombol ikon dengan latar belakang hitam Tombol yang dipersonalisasi dengan latar belakang hitam

ukuran data

Ukuran tombol. Nilai default-nya adalah large. Lihat tabel berikut untuk mengetahui informasi lebih lanjut:

Jenis Wajib Contoh
string Opsional data-size="small"

Tabel berikut mencantumkan ukuran tombol dan deskripsinya yang tersedia.

Ukuran
large Tombol besar:
Tombol standar besar Tombol ikon besar Tombol besar yang dipersonalisasi
medium Tombol berukuran sedang:
Tombol standar sedang Tombol ikon sedang
small Tombol kecil:
Tombol kecil Tombol ikon kecil

teks-data

Teks tombol. Nilai default-nya adalah signin_with. Tidak ada perbedaan visual untuk teks tombol ikon yang memiliki atribut data-text yang berbeda. Satu-satunya pengecualian adalah saat teks dibaca untuk aksesibilitas layar.

Lihat tabel berikut untuk informasi lebih lanjut:

Jenis Wajib Contoh
string Opsional data-text="signup_with"

Tabel berikut mencantumkan teks tombol yang tersedia dan deskripsinya:

Teks
signin_with Teks tombolnya adalah “Login dengan Google”:
Tombol standar berlabel &#39;Login dengan Google&#39; Tombol ikon tanpa teks yang terlihat
signup_with Teks tombolnya adalah “Daftar dengan Google”:
Tombol standar berlabel &#39;Daftar dengan Google&#39; Tombol ikon tanpa teks yang terlihat
continue_with Teks tombolnya adalah “Lanjutkan dengan Google”:
Tombol standar berlabel &#39;Lanjutkan dengan Google&#39; Tombol ikon tanpa teks yang terlihat
signin Teks tombolnya adalah “Login”:
Tombol standar berlabel &#39;Login&#39; Tombol ikon tanpa teks yang terlihat

bentuk-data

Bentuk tombol. Nilai default-nya adalah rectangular. Lihat tabel berikut untuk mengetahui informasi lebih lanjut:

Jenis Wajib Contoh
string Opsional data-shape="rectangular"

Tabel berikut mencantumkan bentuk tombol yang tersedia dan deskripsinya:

Bentuk
rectangular Tombol berbentuk persegi panjang. Jika digunakan untuk jenis tombol icon, tombol tersebut sama dengan square.
Tombol standar persegi panjang Tombol ikon persegi panjang Tombol yang dipersonalisasi berbentuk persegi panjang
pill Tombol berbentuk pil. Jika digunakan untuk jenis tombol icon, berarti sama dengan circle.
Tombol standar berbentuk pil Tombol ikon berbentuk pil Tombol yang dipersonalisasi dengan bentuk pil
circle Tombol berbentuk lingkaran. Jika digunakan untuk jenis tombol standard, berarti sama dengan pill.
Tombol standar melingkar Tombol ikon lingkaran Tombol personalisasi lingkaran
square Tombol berbentuk persegi. Jika digunakan untuk jenis tombol standard, berarti sama dengan rectangular.
Tombol standar persegi Tombol ikon persegi Tombol persegi yang dipersonalisasi

data-logo_alignment

Perataan logo Google. Nilai default-nya adalah left. Atribut ini hanya berlaku untuk jenis tombol standard. Lihat tabel berikut untuk informasi selengkapnya:

Jenis Wajib Contoh
string Opsional data-logo_alignment="center"

Tabel berikut mencantumkan perataan yang tersedia dan deskripsinya:

logo_alignment
left Rata kiri logo Google:
Tombol standar dengan logo G di sebelah kiri
center Ratakan tengah logo Google:
Tombol standar dengan logo G di tengah

lebar data

Lebar tombol minimum, dalam piksel. Lebar maksimum yang tersedia adalah 400 piksel.

Lihat tabel berikut untuk informasi lebih lanjut:

Jenis Wajib Contoh
string Opsional data-width=400

lokalitas data

Opsional. Menampilkan teks tombol menggunakan lokalitas yang ditentukan, atau secara default menampilkan setelan Akun Google atau browser pengguna. Tambahkan parameter hl dan kode bahasa ke perintah src saat memuat library, misalnya: gsi/client?hl=<iso-639-code>.

Jika tidak disetel, lokalitas default browser atau preferensi pengguna sesi Google akan digunakan. Oleh karena itu, pengguna yang berbeda mungkin melihat versi tombol yang dilokalkan yang berbeda, dan mungkin dengan ukuran yang berbeda.

Lihat tabel berikut untuk informasi lebih lanjut:

Jenis Wajib Contoh
string Opsional data-locale="zh_CN"
#### click_pemroses {:#click_pemroses} Anda dapat menentukan fungsi JavaScript yang akan dipanggil saat tombol Login dengan Google diklik menggunakan atribut `click_pemroses`. 
  google.accounts.id.renderButton(document.getElementById("signinDiv"), {
      theme: 'outline',
      size: 'large',
      click_listener: onClickHandler
    });

  
  function onClickHandler(){
    console.log("Sign in with Google button clicked...")
  }
Pada contoh di atas, pesan tombol _Sign in with Google diklik..._ akan di-log ke konsol saat tombol Login dengan Google diklik. ## Integrasi sisi server {:#server-side integration} Endpoint sisi server harus menangani permintaan `POST` HTTP berikut. ### Endpoint pengendali token ID {:#id-token-handler-endpoint} Endpoint pengendali token ID memproses token ID. Berdasarkan status akun yang terkait, Anda dapat memproses login pengguna dan mengarahkan mereka ke halaman pendaftaran atau mengarahkan mereka ke halaman penautan akun untuk mendapatkan informasi tambahan. Permintaan `POST` HTTP berisi informasi berikut:
Format Nama Deskripsi
Cookie g_csrf_token String acak yang berubah dengan setiap permintaan ke endpoint pengendali.
Parameter permintaan g_csrf_token String yang sama dengan nilai cookie sebelumnya, g_csrf_token.
Parameter permintaan credential Token ID yang dikeluarkan Google.
Parameter permintaan select_by Cara memilih kredensial.

Saat didekode, token ID akan terlihat seperti contoh berikut: 

header
{
  "alg": "RS256",
  "kid": "f05415b13acb9590f70df862765c655f5a7a019e", // JWT signature
  "typ": "JWT"
}
payload
{
  "iss": "https://accounts.google.com", // The JWT's issuer
  "nbf":  161803398874,
  "aud": "314159265-pi.apps.googleusercontent.com", // Your server's client ID
  "sub": "3141592653589793238", // The unique ID of the user's Google Account
  "hd": "gmail.com", // If present, the host domain of the user's GSuite email address
  "email": "elisa.g.beckett@gmail.com", // The user's email address
  "email_verified": true, // true, if Google has verified the email address
  "azp": "314159265-pi.apps.googleusercontent.com",
  "name": "Elisa Beckett",
                            // If present, a URL to user's profile picture
  "picture": "https://lh3.googleusercontent.com/a-/e2718281828459045235360uler",
  "given_name": "Eliza",
  "family_name": "Beckett",
  "iat": 1596474000, // Unix timestamp of the assertion's creation time
  "exp": 1596477600, // Unix timestamp of the assertion's expiration time
  "jti": "abc161803398874def"
}

Tabel berikut mencantumkan kemungkinan nilai untuk kolom select_by. Jenis tombol yang digunakan bersama dengan sesi dan status izin digunakan untuk menetapkan nilai.

  • Pengguna menekan tombol Sekali Ketuk atau Login dengan Google atau menggunakan proses login Otomatis tanpa sentuhan.

  • Sesi yang sudah ada ditemukan, atau pengguna memilih dan login ke Akun Google untuk membuat sesi baru.

  • Sebelum membagikan kredensial token ID kepada aplikasi, pengguna juga

    • menekan tombol Konfirmasi untuk memberikan izin mereka untuk membagikan kredensial, atau
    • sebelumnya telah memberikan izin dan menggunakan Pilih Akun untuk memilih Akun Google.

Nilai kolom ini ditetapkan ke salah satu jenis berikut,

Nilai Deskripsi
auto Login otomatis pengguna dengan sesi yang ada yang sebelumnya memberikan izin untuk membagikan kredensial.
user Pengguna dengan sesi yang ada yang sebelumnya memberikan izin menekan tombol 'Lanjutkan sebagai' Sekali Ketuk untuk membagikan kredensial.
user_1tap Pengguna dengan sesi yang ada menekan tombol 'Lanjutkan sebagai' Sekali Ketuk untuk memberikan izin dan membagikan kredensial. Hanya berlaku untuk Chrome v75 dan yang lebih tinggi.
user_2tap Pengguna tanpa sesi yang ada menekan tombol 'Lanjutkan sebagai' untuk memilih akun, lalu menekan tombol Konfirmasi di jendela pop-up untuk memberikan izin dan membagikan kredensial. Berlaku untuk browser berbasis non-Chromium.
btn Pengguna dengan sesi yang ada yang sebelumnya memberikan izin menekan tombol Login dengan Google dan memilih Akun Google dari 'Pilih Akun' untuk membagikan kredensial.
btn_confirm Pengguna yang memiliki sesi yang ada menekan tombol Login dengan Google dan menekan tombol Konfirmasi untuk memberikan izin dan membagikan kredensial.
btn_add_session Pengguna tanpa sesi yang sudah ada yang sebelumnya memberikan izin menekan tombol Login dengan Google untuk memilih Akun Google dan membagikan kredensial.
btn_confirm_add_session Pengguna yang tidak memiliki sesi yang ada terlebih dahulu menekan tombol Login dengan Google untuk memilih Akun Google, lalu menekan tombol Konfirmasi untuk mengizinkan dan membagikan kredensial.

Endpoint pengendali kredensial sandi

Endpoint pengendali kredensial memproses kredensial sandi yang diambil oleh pengelola kredensial native.

Permintaan POST HTTP berisi informasi berikut:

Format Nama Deskripsi
Cookie g_csrf_token String acak yang berubah dengan setiap permintaan ke endpoint pengendali.
Parameter permintaan g_csrf_token String yang sama dengan nilai cookie sebelumnya, g_csrf_token.
Parameter permintaan email Token ID ini yang diterbitkan oleh Google.
Parameter permintaan password Cara memilih kredensial.