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.
  • Bereksperimenlah 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. Di konsol Google Cloud , pada halaman pemilih project, pilih atau buat project Google Cloud .

    Roles required to select or create a project

    • Select a project: Selecting a project doesn't require a specific IAM role—you can select any project that you've been granted a role on.
    • Create a project: To create a project, you need the Project Creator role (roles/resourcemanager.projectCreator), which contains the resourcemanager.projects.create permission. Learn how to grant roles.

    Buka pemilih project

  2. Aktifkan reCAPTCHA Enterprise API.

    Peran yang diperlukan untuk mengaktifkan API

    Untuk mengaktifkan API, Anda memerlukan peran IAM Service Usage Admin (roles/serviceusage.serviceUsageAdmin), yang berisi izin serviceusage.services.enable. Pelajari cara memberikan peran.

    Mengaktifkan API

  3. Pastikan Anda memiliki peran berikut di project: reCAPTCHA Enterprise Admin, reCAPTCHA Enterprise Agent

    Memeriksa peran

    1. Di konsol Google Cloud , buka halaman IAM.

      Buka IAM
    2. Pilih project.

    3. Di kolom Akun utama, temukan semua baris yang mengidentifikasi Anda atau grup yang Anda ikuti. Untuk mengetahui grup mana saja yang Anda ikuti, hubungi administrator Anda.

    4. Untuk semua baris yang menentukan atau menyertakan Anda, periksa kolom Peran untuk melihat apakah daftar peran menyertakan peran yang diperlukan.

    Memberikan peran

    1. Di konsol Google Cloud , buka halaman IAM.

      Buka IAM
    2. Pilih project.
    3. Klik Grant access.

    4. Di kolom New principals, masukkan ID pengguna Anda. Biasanya, ini adalah alamat email untuk Akun Google.

    5. Klik Pilih peran, lalu telusuri peran.
    6. Untuk memberikan peran tambahan, klik Add another role, lalu tambahkan tiap 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 Key details, 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 Cloud Shell Editor karena akan menutup Cloud Shell dan menghentikan situs demo.

Langkah berikutnya