Menguji reCAPTCHA di situs demo

Dokumen ini menunjukkan cara men-deploy situs demo di Google Cloud, yang merupakan situs contoh yang terintegrasi dengan reCAPTCHA, untuk memahami cara kerja reCAPTCHA.

Situs demo membantu Anda melakukan hal berikut:

  • Pahami pengalaman pengguna Anda dengan reCAPTCHA.
  • Gunakan sebagai referensi untuk mengintegrasikan reCAPTCHA di aplikasi Anda sendiri.
  • Lakukan eksperimen dengan berbagai pendekatan frontend dan backend dengan mengedit kode sumber aplikasi contoh.

Anda dapat men-deploy situs demo dalam salah satu bahasa berikut: Java, Node.js, atau Python.

Untuk project Google Cloud , Anda hanya dapat men-deploy satu situs demo dalam satu waktu.

Sebelum memulai

  1. In the Google Cloud console, on the project selector page, select or create a Google Cloud project.

    Go to project selector

  2. Enable the reCAPTCHA Enterprise API.

    Enable the API

  3. Make sure that you have the following role or roles on the project: reCAPTCHA Enterprise Admin, reCAPTCHA Enterprise Agent

    Check for the roles

    1. In the Google Cloud console, go to the IAM page.

      Go to IAM
    2. Select the project.

    3. In the Principal column, find all rows that identify you or a group that you're included in. To learn which groups you're included in, contact your administrator.

    4. For all rows that specify or include you, check the Role column to see whether the list of roles includes the required roles.

    Grant the roles

    1. In the Google Cloud console, go to the IAM page.

      Buka IAM

    2. Pilih project.
    3. Klik Berikan akses.

    4. Di kolom Akun utama baru, masukkan ID pengguna Anda. Biasanya berupa alamat email untuk Akun Google.

    5. Di daftar Pilih peran, pilih peran.
    6. Untuk memberikan peran tambahan, klik Tambahkan peran lain, lalu tambahkan setiap peran tambahan.
    7. Klik Simpan.

  4. Jika sebelumnya Anda telah men-deploy situs demo, hapus kunci demo yang relevan.

Men-deploy situs demo

  1. Di konsol Google Cloud , buka halaman situs demo.

    Buka situs demo

  2. Dalam daftar Language, pilih bahasa.

    Seluruh proses deployment mungkin memerlukan waktu sekitar 1 menit.

  3. Jika diminta, beri otorisasi Cloud Shell untuk melakukan panggilan menggunakan kredensial Anda.

  4. Untuk membuka halaman Detail utama demo baru, klik Lihat situs.

  5. Untuk melihat situs demo, di kartu Frontend, klik Lihat halaman web contoh.

    Situs demo akan terbuka di tab terpisah.

  6. Untuk mempelajari pola integrasi reCAPTCHA dengan situs Anda, klik contohnya.

  7. Jika Anda ingin membuat perubahan pada situs demo, lakukan hal berikut:

    1. Di halaman Detail utama, klik Edit sumber.

    2. Di Cloud Shell Editor, temukan file yang diperlukan di Explorer dan edit sesuai kebutuhan.

      Perubahan yang disimpan pada kode sumber dimuat ulang ke situs demo.

    Jangan tutup Editor Cloud Shell karena akan menutup Cloud Shell dan menghentikan situs demo.

Langkah berikutnya