reCAPTCHA auf einer Demowebsite testen

In diesem Dokument erfahren Sie, wie Sie eine Demowebsite in Google Cloud – einer Beispielwebsite mit integriertem reCAPTCHA – bereitstellen, um zu verstehen, wie reCAPTCHA funktioniert.

Eine Demowebsite hilft Ihnen bei Folgendem:

  • Mit reCAPTCHA die Erfahrung Ihrer Nutzer nachvollziehen.
  • Verwenden Sie sie als Referenz, um reCAPTCHA in Ihre eigene Anwendung zu integrieren.
  • 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 können Sie jeweils nur eine Demowebsite bereitstellen.

Hinweise

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

    Go to project selector

  2. reCAPTCHA Enterprise API aktivieren.

    Aktivieren Sie die API

  3. 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. Wenn Sie dazu aufgefordert werden, autorisieren Sie Cloud Shell, Aufrufe mit Ihren Anmeldedaten auszuführen.

  4. Klicken Sie auf Website ansehen, um die neue Demoseite Schlüsseldetails aufzurufen.

  5. Klicken Sie zum Aufrufen der Demowebsite auf der Karte Front-End auf Beispielwebseite ansehen.

    Die Demowebsite wird in einem separaten Tab geöffnet.

  6. Klicken Sie sich durch die Beispiele, um mehr über die Muster zur Einbindung von reCAPTCHA in Ihre Website zu erfahren.

  7. Wenn Sie Änderungen an der Demo-Website 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 wieder in die Demowebsite geladen.

    Schließen Sie den Cloud Shell-Editor nicht, da er Cloud Shell schließt und die Demowebsite anhält.

Nächste Schritte