reCAPTCHA auf einer Demowebsite testen

In diesem Dokument erfahren Sie, wie Sie eine Demowebsite auf Google Cloudbereitstellen. Diese Beispielwebsite ist in reCAPTCHA eingebunden, damit Sie nachvollziehen können, wie reCAPTCHA funktioniert.

Eine Demowebsite bietet Ihnen folgende Möglichkeiten:

  • Nutzererfahrung mit reCAPTCHA nachvollziehen
  • Verwenden Sie sie als Referenz, um reCAPTCHA in Ihre eigene Anwendung einzubinden.
  • Experimentieren Sie mit verschiedenen Frontend- und Backend-Ansätzen, 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 kann jeweils nur eine Demowebsite bereitgestellt werden.

Hinweise

  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.

      Zu IAM

    2. Wählen Sie das Projekt aus.
    3. Klicken Sie auf Zugriff erlauben.

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

    5. Wählen Sie in der Liste Rolle auswählen eine Rolle aus.
    6. Wenn Sie weitere Rollen hinzufügen möchten, klicken Sie auf Weitere Rolle hinzufügen und fügen Sie weitere Rollen hinzu.
    7. Klicken Sie auf Speichern.

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

Demowebsite bereitstellen

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

    Zur Demowebsite

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

    Der gesamte Bereitstellungsprozess kann etwa eine Minute dauern.

  3. Autorisieren Sie Cloud Shell, Anrufe mit Ihren Anmeldedaten auszuführen, falls Sie dazu aufgefordert werden.

  4. Klicken Sie auf Website ansehen, um die Seite Wichtige Details für die neue Demo aufzurufen.

  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 Integration von reCAPTCHA in Ihre Website kennenzulernen.

  7. So nehmen Sie Änderungen an der Demowebsite vor:

    1. Klicken Sie auf der Seite Wichtige Details 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