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 Demowebsite hilft Ihnen bei Folgendem:

  • Informationen zur Nutzererfahrung mit reCAPTCHA
  • Verwenden Sie sie als Referenz, um reCAPTCHA in Ihr eigenen Anwendung erstellen.
  • Experimentieren Sie mit verschiedenen Frontend- und Backend-Ansätzen, indem Sie die Beispiel für den Quellcode einer Anwendung.

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

Für ein Google Cloud-Projekt können Sie nur eine Demowebsite unter zu einer bestimmten Zeit.

Hinweis

  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 Demo-Website 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.

    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 Ihrem Anmeldedaten.

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

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

    Die Demowebsite wird in einem separaten Tab geöffnet.

  6. Um die Muster für die Integration reCAPTCHA mit Ihrer Website verknüpfen möchten, klicken Sie sich durch die Beispiele.

  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 nach den erforderlichen Dateien im Explorer und bearbeiten Sie sie nach Bedarf.

      Die gespeicherten Änderungen am Quellcode werden in die Demo geladen Website.

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

Nächste Schritte