reCAPTCHA auf einer Demowebsite testen

In diesem Dokument erfahren Sie, wie Sie eine Demowebsite in Google Cloud bereitstellen. Google Cloud ist eine in reCAPTCHA eingebundene Beispielwebsite, um zu verstehen, wie reCAPTCHA funktioniert.

Eine Demowebsite bietet Ihnen folgende Möglichkeiten:

  • Verstehen Sie die Nutzererfahrung mit reCAPTCHA.
  • 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.

Bei einem 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. Autorisieren Sie Cloud Shell, wenn Sie dazu aufgefordert werden, Aufrufe mit Ihren Anmeldedaten.

  4. Klicken Sie auf Website ansehen, um die Seite Wichtige Details der neuen Demo aufzurufen.

  5. Klicken Sie auf der Karte Front-End auf Beispielwebseite ansehen, um die Demowebsite aufzurufen.

    Die Demowebsite wird in einem separaten Tab geöffnet.

  6. Klicken Sie sich durch die Beispiele, um mehr über die Muster für die Integration 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 Wichtige Details auf Quelle bearbeiten.

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

      Die gespeicherten Änderungen am Quellcode werden auf der Demowebsite neu geladen.

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

Nächste Schritte