reCAPTCHA auf einer Demowebsite testen

In diesem Dokument erfahren Sie, wie Sie eine Demowebsite auf Google Cloudbereitstellen. Dabei handelt es sich um eine Beispielwebsite, in die reCAPTCHA eingebunden ist, damit Sie die Funktionsweise von reCAPTCHA besser verstehen.

Eine Demowebsite bietet Ihnen folgende Möglichkeiten:

  • Sie können die Nutzererfahrung Ihrer Nutzer mit reCAPTCHA nachvollziehen.
  • Sie können sie als Referenz verwenden, um reCAPTCHA in Ihre eigene Anwendung einzubinden.
  • Sie können verschiedene Frontend- und Backend-Ansätze testen, indem Sie den Quellcode der Beispielanwendung bearbeiten.

Sie können eine Demowebsite in einer der folgenden Sprachen bereitstellen: Java, Node.js oder Python.

Für ein Google Cloud Projekt können Sie jeweils nur eine Demowebsite zu einem Zeitpunkt bereitstellen.

Hinweis

  1. Wählen Sie in der Google Cloud Console auf der Seite für die Projektauswahl ein Projekt aus oder erstellen Sie eines. Google Cloud

    Erforderliche Rollen zum Auswählen oder Erstellen eines Projekts

    • Projekt auswählen: Für die Auswahl eines Projekts ist keine bestimmte IAM-Rolle erforderlich. Sie können ein beliebiges Projekt auswählen, für das Ihnen eine Rolle zugewiesen wurde.
    • Projekt erstellen: Zum Erstellen eines Projekts benötigen Sie die Rolle „Projektersteller“ (roles/resourcemanager.projectCreator), die die resourcemanager.projects.create Berechtigung enthält. Informationen zum Zuweisen von Rollen.

    Zur Projektauswahl

  2. Aktivieren Sie die reCAPTCHA Enterprise API.

    Erforderliche Rollen zum Aktivieren von APIs

    Zum Aktivieren von APIs benötigen Sie die Berechtigung serviceusage.services.enable. Wenn Sie das Projekt erstellt haben, haben Sie diese Berechtigung wahrscheinlich bereits über die Rolle „Inhaber“ (roles/owner). Andernfalls können Sie diese Berechtigung über die Rolle „Service Usage-Administrator“ (roles/serviceusage.serviceUsageAdmin) erhalten. Informationen zum Zuweisen von Rollen.

    API aktivieren

  3. Prüfen Sie, ob Sie die folgenden Rollen für das Projekt haben: reCAPTCHA Enterprise-Administrator, reCAPTCHA Enterprise-Agent

    Rollen prüfen

    1. Rufen Sie in der Google Cloud Console die Seite IAM auf.

      IAM aufrufen
    2. Wählen Sie das Projekt aus.

    3. Suchen Sie in der Spalte Hauptkonto nach allen Zeilen, in denen Sie oder eine Gruppe, zu der Sie gehören, angegeben sind. Fragen Sie Ihren Administrator, zu welchen Gruppen Sie gehören.

    4. Prüfen Sie in allen Zeilen, in denen Sie angegeben oder enthalten sind, die Rolle Spalte , um zu sehen, ob die Liste der Rollen die erforderlichen Rollen enthält.

    Rollen zuweisen

    1. Rufen Sie in der Google Cloud Console die Seite IAM auf.

      IAM aufrufen
    2. Wählen Sie das Projekt aus.
    3. Klicken Sie auf „“ Zugriffsrechte erteilen.

    4. Geben Sie im Feld Neue Hauptkonten Ihre Nutzer-ID ein. Das ist in der Regel die E‑Mail-Adresse eines Google-Kontos.

    5. Klicken Sie auf Rolle auswählen und suchen Sie nach der Rolle.
    6. Klicken Sie auf Add another role, wenn Sie weitere Rollen zuweisen möchten.
    7. Klicken Sie auf Speichern.

  4. Wenn Sie zuvor eine Demowebsite bereitgestellt haben, löschen Sie den entsprechenden Demoschlüssel.

Demowebsite bereitstellen

  1. Rufen Sie in der Google Cloud Console die Seite für die Demowebsite auf.

    Zur Demowebsite

  2. Wählen Sie in der Liste Sprache eine Sprache aus.

    Der gesamte Bereitstellungsprozess dauert etwa eine Minute.

  3. Autorisieren Sie Cloud Shell für Aufrufe mit Ihren Anmeldedaten, falls Sie dazu aufgefordert werden.

  4. Klicken Sie auf Website ansehen, um zur Seite Schlüsseldetails Ihres neuen Demoschlüssels zu gelangen.

  5. Wenn Sie die Demowebsite aufrufen möchten, klicken Sie auf der Karte Frontend auf Beispielwebseite ansehen.

    Die Demowebsite wird in einem separaten Tab geöffnet.

  6. Klicken Sie sich durch die Beispiele, um die Muster für die Einbindung von reCAPTCHA in Ihre Website kennenzulernen.

  7. Wenn Sie Änderungen an der Demowebsite vornehmen möchten, gehen Sie so vor:

    1. Klicken Sie auf der Seite Schlüsseldetails auf Quelle bearbeiten.

    2. Suchen Sie im Cloud Shell-Editor im Explorer nach den erforderlichen Dateien und bearbeiten Sie sie nach Bedarf.

      Die gespeicherten Änderungen am Quellcode werden in die Demowebsite neu geladen.

    Schließen Sie den Cloud Shell-Editor nicht, da dadurch Cloud Shell geschlossen und die Demowebsite beendet wird.

Nächste Schritte