reCAPTCHA auf einer Demowebsite testen

In diesem Dokument erfahren Sie, wie Sie eine Demowebsite in Google Cloud bereitstellen, eine Beispielwebsite, die mit reCAPTCHA eingebunden ist, um die Funktionsweise von reCAPTCHA zu verstehen.

Eine Demo-Website bietet folgende Vorteile:

  • Informationen zur Nutzererfahrung mit reCAPTCHA
  • Verwenden Sie diesen Code als Referenz, um reCAPTCHA in Ihre eigene Anwendung einzubinden.
  • Probieren Sie verschiedene Frontend- und Back-End-Ansätze aus, 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. Enable the reCAPTCHA Enterprise API.

    Enable the 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 Demo-Website auf.

    Demo-Website aufrufen

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

    Der gesamte Bereitstellungsprozess kann etwa eine Minute dauern.

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

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

  5. Wenn Sie die Demo-Website aufrufen möchten, klicken Sie auf der Karte Frontend auf Beispiel-Webseite ansehen.

    Die Demo-Website 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 Demo-Website 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 Demo-Website neu geladen.

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

Nächste Schritte